网易文创/哒哒×卡罗拉 锐放:时间格子计算器
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号