汉口二厂 X 三草两木：2021，万事皆可“橙”

2021-01-18 H5案例分享 H5案例分享

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

识别图中二维码

2021，万事皆可“橙”-查阅二维码

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

案例：2021，万事皆可“橙”

品牌：汉口二厂 X 三草两木

技术实现： JavaScript

亮点：

1、创意定位

汉口二厂 X 三草两木2021年初出品清单类H5，通过选择2020年未完成的事，发布的2020未完成清单总结。

2、策划上

① 首屏显示文案，点击屏幕下方的“翻页”按钮，引导进入选择页；

② 选择页中列出48件2020年的事，以下方圆盘为中心点翻页挑选图标；用户点选后图标爆破；下方橙色瓶子为客户主推的橙子味汽水，四个不同背景的圆盘分别为“生活”、“工作”、“感情”、“学习”四个方面；

③ 用户输入完姓名，瓶子从平视切换成俯视喷射盖子转场。

④展现结果页，列出你的2020未完成清单，随机生成一个鼓励语。

3、设计上

主色调为橙色，与汉口二厂主推的橘子味汽水相契合；未完成事情采用图标形式，让用户选择，其中某几款图标与客户的两个ip形象以及新品相结合，二次加深用户对品牌的印象。

4、体验上

回顾2020，还有很多想做的事没来得及完成，2021别遗忘了自己的目标喔。

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

标签