京东商城:你自己都不知道你有多怕热
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例:你自己都不知道你有多怕热
品牌:京东商城
亮点:
- 创意定位
夏日炎炎,用选择题检测自己的怕热指数,在海报页面还可以点击链接登陆京东数码专区,用数码电器帮助缓解夏季炎热。
- 策划逻辑
一小段关于夏日炎热的描述后,点击烈日当空背景上冒火的卷轴,开始答题,生成解析海报,大致内容如下
①共八道题目,每题三选一,每题点击符合自己选择的答案后,会有一副相关图片和描述出现,然后跳至下一题,题目内容包括:高温时需要做什么,炎炎夏日为你做什么事才算是好朋友,防晒霜促销时会如何选择,想和刺猬乐队哪位成员做朋友,同事怕吹空调怎么办,在荒岛上口渴了会想到谁,不喜欢哪道菜,和中暑时会做什么。
②答题完毕会自动生成海报,包括测试结果,用户是XX人(钢铁人 塑料人等),耐热指数(百分之多少),和一副展示图,还有两句解析语,左下角是“热8京东购物季”的图标,点击“我要续命”可登陆京东数码电器专区。
- 设计上
手绘的卡通界面,导入页面一轮烈日升起,整个画面呈黄橙色,加上燃烧的卷轴,烘托了夏日的灼热感,题目和答案描述以无厘头搞笑风格为主,每道题目及海报上的插图也比较夸张,属于轻松的娱乐型作品。
- 体验上
集中了一些夏日热门元素,面膜,撸串,脸基尼,怕冷的女同事,浏览起来还是很与生活有相通点的。
技术实现: html5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号