简豆：春天飞花令

2020-07-14 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

春天飞花令-查阅二维码

完整欣赏此案例大约需要1分钟

案例：春天飞花令

品牌：简豆

技术实现： pixi.js

亮点：

1、创意定位

简豆品牌宣传H5，以诗词的形式，通过中国传统诗句与用户进行交流。

2、策划上

① 测试问答的形式，一共9道题，每道题4个选项；

② 每道题都是诗中两句话，某一句少了个词，需要用户从下面4个选项中选择，选项以图形的形式出现，选择后，形成一句完整的诗，还会有小朋友念出当前的诗句；

③ 9个问题回答完毕后，根据用户回答正确和错误数量，给出古香古色的评分海报，小五得的是进士，看看你是否可以超越我~

3、设计上

大背景采用卡通风景，有细节飞花的画面；每次回答问题后，画面斜切，或者局部放大，让回答问题的过程不单调；移动到的局部画面和当前的诗有关，在用户回答问题时，进入了诗中的画面。

4、体验上

通过本支H5，重温了中国诗词的美好，小朋友念出诗很有爱~

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签