网易考拉:凡人,想修仙吗?

2019-07-11 H5案例分享 H5案例分享
网易考拉:凡人,想修仙吗?


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

识别图中二维码

凡人,想修仙吗?-查阅二维码

完整欣赏此案例大约需要30秒


案例:凡人,想修仙吗?

品牌:网易考拉

亮点:

1.创意定位

由网易考拉和简豆为了推广618全球潮流狂欢日所制作的测试类H5。

 

2.策划逻辑

此H5手绘卡通风格为主,大致分为3部分:

 

①Loading和片头部分:加载页是淡黄色的纯色背景,进度条是棕色的,随着进度条的加载,上方有一朵小云彩跟着动。加载完成后会出现一段动画,在宇宙中不停拉近尽头,出现了黑洞,写着“仙气警告”四个字,伴随着警报的音效,用打字的声音的特效依次弹出一行字“人类拍摄黑洞照片后异空间出现裂缝,宇宙世界混乱,仙气弥散到地球,你已受到仙气辐射,化身为仙…”,主页面弹出,卡其色仙气十足的背景,手绘的女生和男生,标题:你是什么仙?,出现小手提示,示意点击题目。选择性别页面:选择你的仙气属性,出现女生和男生的头像,分别注着“小仙女”“小仙肉”,点击头像进入测试部分。

 

②测试部分:过场动画是一片祥云向两旁散开,背景都有配图,当选择了不同选项,图片也会跟着改动。总共有4个测试题。

 

女生版:Q1:近半年最频繁的口红色?

 

Q2:给自己买什么面膜?

 

Q3:以下哪种奶茶接近你的最爱?

 

Q4:一下当代矛盾青年的症状你有哪些临床表现?

 

男生版:Q1:保持帅气造型,一瓶洗发水用了多久?

 

Q2:你是肌肉兄贵吗?近半年撸了几次铁?

 

Q3:对于零食,你对自己的判断是?

 

Q4:你有什么钟爱的发烧爱好吗?

 

③落地页部分:根据刚刚的测试,会显示你是称号,头像姓名的下方是人类导颜值巅峰(颜力值)、一圈抡飞流氓(体力值)、“贫穷阻止我退休(财力值)”的数据条和百分比,插图的下方有称号和解析,点击“再玩一次”重新测试,点击“仙城狂欢”跳转到考拉618购物界面,点击“生成仙人海报”进入海报页,海报页最下方有网易考拉的Logo,还多出了一个二维码,长按保存图片。

 

3.设计上

饱和度较低的米黄色和棕红色的色调让人看着眼睛很舒服,题目都想的很有趣。

 

4.体验上

右上角可关闭音乐,静音欣赏。在片头动画开始时,右上角也有跳过的按钮,很贴心。



技术实现: HTML5



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

标签

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

相关推荐:

腾讯:寻勒个仙

天和骨通贴膏&网易新闻:一个女足运动员的自白

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~