网易考拉:凡人,想修仙吗?
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例:凡人,想修仙吗?
品牌:网易考拉
亮点:
1.创意定位
由网易考拉和简豆为了推广618全球潮流狂欢日所制作的测试类H5。
2.策划逻辑
此H5手绘卡通风格为主,大致分为3部分:
①Loading和片头部分:加载页是淡黄色的纯色背景,进度条是棕色的,随着进度条的加载,上方有一朵小云彩跟着动。加载完成后会出现一段动画,在宇宙中不停拉近尽头,出现了黑洞,写着“仙气警告”四个字,伴随着警报的音效,用打字的声音的特效依次弹出一行字“人类拍摄黑洞照片后异空间出现裂缝,宇宙世界混乱,仙气弥散到地球,你已受到仙气辐射,化身为仙…”,主页面弹出,卡其色仙气十足的背景,手绘的女生和男生,标题:你是什么仙?,出现小手提示,示意点击题目。选择性别页面:选择你的仙气属性,出现女生和男生的头像,分别注着“小仙女”“小仙肉”,点击头像进入测试部分。
②测试部分:过场动画是一片祥云向两旁散开,背景都有配图,当选择了不同选项,图片也会跟着改动。总共有4个测试题。
女生版:Q1:近半年最频繁的口红色?
Q2:给自己买什么面膜?
Q3:以下哪种奶茶接近你的最爱?
Q4:一下当代矛盾青年的症状你有哪些临床表现?
男生版:Q1:保持帅气造型,一瓶洗发水用了多久?
Q2:你是肌肉兄贵吗?近半年撸了几次铁?
Q3:对于零食,你对自己的判断是?
Q4:你有什么钟爱的发烧爱好吗?
③落地页部分:根据刚刚的测试,会显示你是称号,头像姓名的下方是人类导颜值巅峰(颜力值)、一圈抡飞流氓(体力值)、“贫穷阻止我退休(财力值)”的数据条和百分比,插图的下方有称号和解析,点击“再玩一次”重新测试,点击“仙城狂欢”跳转到考拉618购物界面,点击“生成仙人海报”进入海报页,海报页最下方有网易考拉的Logo,还多出了一个二维码,长按保存图片。
3.设计上
饱和度较低的米黄色和棕红色的色调让人看着眼睛很舒服,题目都想的很有趣。
4.体验上
右上角可关闭音乐,静音欣赏。在片头动画开始时,右上角也有跳过的按钮,很贴心。
技术实现: HTML5
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号