网易文创/哒哒×卡罗拉 锐放:时间格子计算器

2022-01-28 H5案例分享 H5案例分享
网易文创/哒哒×卡罗拉 锐放:时间格子计算器


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

识别图中二维码

时间格子计算器-查阅二维码

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


案例:时间格子计算器

品牌:网易文创/哒哒×卡罗拉 锐放

技术实现: html5

亮点:

1.创意定位

网易文创/哒哒联合卡罗拉锐放在2022春节之际,以“时间格子计算器”为主题,通过问答形式,估算用户2021全年时间分配比例,让用户的时间视觉化,形成传播。

 

2.策划逻辑

主要流程:Loading → 主题页 → 文案引导 → 答题1-6 → 输入姓名 → 过渡文案 → 落地海报(外链+再一次)。

 

Loading:表盘旋转,加载100%后进入主题页。

 

主题页:露出“2021年度格子计算器”主题,配合卡通动画,“上划开始计算”,进入文案引导页。

 

文案引导:如果我们把一年分割成365个格子,才发现被量化的日子是如此短暂。这些格子承载着你的故事和回忆,喜怒和人生。愿我们能对时间多些敬畏,珍惜每一份爱和真诚,让路上的每一步,都算数...

 

答题部分:

第1题:你每天在什么场景下玩手机(多选题)

第2题:你平均一天工作时段(点选开始+结束的时间点)

第3题:你多久陪父母一次(单选)

第4题:你的运动频率(单选)

第5题:你陪伴爱宠的方式(单选)

第6题:你陪伴伴侣的时间(单选)

 

输入姓名:可以输入昵称,点击确定,进入过渡文案页。

 

过渡文案:把1-6题选项翻译成更直接的话术,逐行展示,形成过渡。

 

落地海报:生成带有用户昵称的2021年度格子海报,包含荣誉称号、工作占比文案、一颗用不同颜色展示用户时间比例的“心”形图案,以及联合品牌的Logo和汽车露出。用户可以长按保存海报,还可以再测一次,也可“锐放一下”跳转品牌活动页面。

 

3.设计交互

卡通风格,颜色丰富好看,精致有细节。交互上,采用了上划、点选、多选、输入、长按等多种交互方式,但每种都清晰准确无歧义。

 

4.体验上

最后格子组成的“心”形图案,不同颜色代表了不同类型的时间投入,很直观,仔细看,小五只想说:我爱工作!!!





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

网易文创/哒哒 X TATA:生成你的专属漫游证

网易文创X哒哒X欢乐谷:立下你的新年flag

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~