学而思培优：快来解锁你的开学礼花蛋小精灵

2020-09-01 H5案例分享 H5案例分享

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

识别图中二维码

快来解锁你的开学礼花蛋小精灵-查阅二维码

完整欣赏此案例大约需要39秒

案例：快来解锁你的开学礼花蛋小精灵

品牌：学而思培优

技术实现： jQuery + VueJs

亮点：

1、创意定位

学而思优培在开学季宣传H5，通过家长和孩子不同身份，在开学时的测试问题，展示开学季，增加学而思优培品牌在用户心理的植入。

2、策划上

① 点击首屏的“立即解锁”按钮，弹出弹出层，输入昵称和选择身份；

② 系统会根据两种不同的身份（孩子和家长）给出不同的测试问题，不同身份下的测试问题是固定的；每次测试5道问题，每个问题3-4个选项，每个问题都是关于开学有关，第5个问题都是一台盲盒机，3个彩蛋滑动选择其中一个，生成一张海报；

③ 一共5种类型海报，海报会给出你家孩子的开学元气精灵，学霸指数、好运指数、颜值指数、活力指数、闪耀指数。

3、设计上

学而思的花蛋小精灵卡通形象融入H5中，整体配色采用浅色调。

4、体验上

开学季的有趣问题，孩子和家长都会会心一笑，感受学而思品牌的温暖。

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

标签