美图 + 丸美：内心深处的你

2019-09-21 H5案例分享 H5案例分享

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

识别图中二维码

内心深处的你-查阅二维码

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

案例：内心深处的你

品牌：美图 + 丸美

技术实现： mapp-vue+canvas+TweenMax

亮点：

1. 创意定位

画眼睛测人格，因为宣传的是丸美品牌，丸美的强项是眼霜，画眼睛正好切中品牌。

2. 策划上

首屏显示探索内心时间，当然眼睛是看内心世界的桥梁；

第二个提示用户输入名字，而后画眼睛，用户可以自己画眼睛，也可以选择下方提前准备好的6款眼睛图案；

点击“DIY我的眼睛”按钮，下一屏是提示DIY装饰刚才你画的眼睛，或者选择的眼睛；

点击“生成”按钮，生成内心深处的你的海报，海报中有：

① 内心世界关键词，一共15个关键词，随机选择一个

② 你刚才画的眼睛，或者选择的眼睛

③ 一段关于关键词的三行文案

3. 设计上

主色调为棕红色，画面微微有颗粒度，设计偏简洁，通过明显的按钮，引导用户点击进入下一屏。

4. 体验上

生成的海报测试出的人格关键词随机，要是用户的眼睛图案和选择的修饰相同，关键词相同，那么海报一致，可能体验会更好，测出的人格也更有说服力。

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

标签