京东商城:你自己都不知道你有多怕热

2019-08-22 H5案例分享 H5案例分享
京东商城:你自己都不知道你有多怕热


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

识别图中二维码

你自己都不知道你有多怕热-查阅二维码

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


案例:你自己都不知道你有多怕热

品牌:京东商城

亮点:

  1. 创意定位

夏日炎炎,用选择题检测自己的怕热指数,在海报页面还可以点击链接登陆京东数码专区,用数码电器帮助缓解夏季炎热。

 

  1. 策划逻辑

一小段关于夏日炎热的描述后,点击烈日当空背景上冒火的卷轴,开始答题,生成解析海报,大致内容如下

①共八道题目,每题三选一,每题点击符合自己选择的答案后,会有一副相关图片和描述出现,然后跳至下一题,题目内容包括:高温时需要做什么,炎炎夏日为你做什么事才算是好朋友,防晒霜促销时会如何选择,想和刺猬乐队哪位成员做朋友,同事怕吹空调怎么办,在荒岛上口渴了会想到谁,不喜欢哪道菜,和中暑时会做什么。

②答题完毕会自动生成海报,包括测试结果,用户是XX人(钢铁人 塑料人等),耐热指数(百分之多少),和一副展示图,还有两句解析语,左下角是“热8京东购物季”的图标,点击“我要续命”可登陆京东数码电器专区。

 

  1. 设计上

手绘的卡通界面,导入页面一轮烈日升起,整个画面呈黄橙色,加上燃烧的卷轴,烘托了夏日的灼热感,题目和答案描述以无厘头搞笑风格为主,每道题目及海报上的插图也比较夸张,属于轻松的娱乐型作品。

 

  1. 体验上

集中了一些夏日热门元素,面膜,撸串,脸基尼,怕冷的女同事,浏览起来还是很与生活有相通点的。

 



技术实现: html5



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

标签

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

相关推荐:

王老吉X抖音:寻找你的音乐DNA

京东×国家宝藏:当古人遇上9012新手机

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~