天猫超级品类日:黑化女子图鉴

2019-04-10 H5案例分享 H5案例分享
天猫超级品类日:黑化女子图鉴


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

识别图中二维码

黑化女子图鉴-查阅二维码

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


案例:黑化女子图鉴

品牌:天猫超级品类日

亮点:

  1. 创意定位

天猫超级品类日为宣传4月11日和12日的防晒专场,制作的互动型H5作品,用户在作品中通过拯救漫画中的女主角,阻止其“黑化”,了解品牌日的部分防晒单品,最后用户可以复制淘口令,登陆淘宝浏览商品,以此感受游戏乐趣,提高防晒产品的成交量。

 

  1. 策划逻辑

作品较长,用户可以一一参与,也可以跳过某个故事①五位漫画女主组成的封面合照由彩色变为黑白,点击“开始拯救”进入漫画浏览。②下滑屏幕浏览长幅漫画,每个漫画一个故事,故事结束后用户可以选择“重新拯救”或“拯救下一位”,五个故事分别为,周稚若窃取屠龙刀和倚天剑,耳晴谋害皇后,冰雪女王救妹妹,品儒复仇,慢春害人,黑寡妇复仇,若及时点击漫画最后屏幕下的拯救触点,则拯救成功,出现防晒品及简介,主角在海报中变为彩色,若拯救失败则漫画则以悲剧收尾,主角在海报中仍是黑白的。③最后是海报界面,用户可以点击“更多拯救道具”复制淘口令,也可以重新玩游戏。

 

  1. 设计上

漫画的画风各不相同,冰雪女王的较为可爱,其他则是细腻描绘得成年人物,所选内容也是大家非常熟悉的剧集,《回家的诱惑》,《延禧攻略》等,并且将剧名和主角名称都做了搞笑的谐音处理,如《洗盐攻略》,品如出现时还在画面显示了主题曲的经典歌词“为所有爱执着的痛”,让漫画很搞笑有趣。

 

  1. 体验上

原来肉体黑化也会带来心灵的黑化,这个概念互串玩得很溜啊,小编太有才,看来夏天真的要好好防晒,不然真的会“黑化”啊!



技术实现: scroller.js



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

标签

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

相关推荐:

天猫:现在的女人竟然都爱这么“花”?!

自然堂CHANDO:跟你说句鬼话

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~