网易新闻X AUTO LIVE! X Chevton:迷惑行为大赏

2019-08-13 H5案例分享 H5案例分享
网易新闻X AUTO LIVE! X Chevton:迷惑行为大赏


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

识别图中二维码

迷惑行为大赏-查阅二维码

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


案例:迷惑行为大赏

品牌:网易新闻X AUTO LIVE! X Chevton

亮点:

  1. 创意定位

网易新闻联合AUTO LIVE及雪佛龙共同出品的趣味测试类H5作品,题目包含了网络用语,英文常用词及生活常识等,最后落地到雪佛龙润滑油的宣传页,以此展示雪佛龙的主要产品,提高其知名度和销售量。

 

  1. 策划逻辑

长篇幅作品,主要有三个阶段,

①初始页面,显示本次测试主题“2019人类迷惑行为大赏”,点击“开始考试”进入答题环节。

②答题页面,共六道题,每题答案四选一,答对时会在所选答案前出现绿色的对号,答错时会在所选答案前出现红色的叉号同时在正确答案前出现绿色对号,题目包括网络用语,广告用语,品牌跨界产品,火星问答,垃圾分类,最后一题是雪佛龙宣传题,答题后上滑屏幕进入下一题。

③海报生成,答题完毕后进入雪佛龙宣传页面,显示结果即将公布,同时显示雪佛龙有“油中之王”的称号,还有润滑油和燃油添加剂的照片,3秒左右后自动跳转至海报界面,海报包括一副主图,测试结果,和三条解读语,用户可保存海报,也可邀请好友测试,或登录商品页面进行浏览和选购。

 

  1. 设计上

浓郁饱满的蓝紫色背景,导入页面,答题配图和海报主图应用了世界知名雕塑的照片作为主要显示内容,纯白色的雕塑在暗色背景上很显眼,颜色对比明显,还被加上了墨镜,嘴唇等表情点缀,雕塑周围遍布点缀各种卡通和表情元素,视觉上看起来非常丰富有趣,题目内容贴合了网络热词和当下社会热点,最后一题落到了宣传上,主题突出。

 

  1. 交互上

点击自己认为正确的答案即可,有闪烁的小手图标引导用户滑动屏幕至下一题,题目不多,很快就可完成,对于经常上网的人来说题目也很简单,最后海报的解析语调活泼,富有调侃意味,符合当下流行的语言风格。



技术实现: html5



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

标签

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

相关推荐:

雪佛龙 Chevron:老司机课堂101

一汽大众:站在真理这一边

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~