尚德机构：优秀毕业生终极考验

2018-06-06 H5案例分享 H5案例分享

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

识别图中二维码

优秀毕业生终极考验-查阅二维码

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

案例：优秀毕业生终极考验

出品：尚德机构

亮点：

创意定位，尚德机构毕业典礼活动线上宣传活动。
策划上，测试答题+生成海报，两种形式相结合。答题部分，动画效果融入滤镜相机特效，及人物实拍采访，根据答题结果送给用户一个关键词；第二部分，用户需要输入姓名、手机、通过科数等信息，结合第一部分关键词，生成海报。露出活动主题，尚德机构毕业典礼，邀请你参加。
体验上，答题部分，背景动画处理的比较巧妙，生成海报前，让用户输入一堆信息，如果是尚德机构的学生，一定会认真填写，不然，一定会跳出。

技术实现： jQuery + Howler.js

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

标签