天猫超级品类日:黑化女子图鉴
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要6分钟
案例:黑化女子图鉴
品牌:天猫超级品类日
亮点:
- 创意定位
天猫超级品类日为宣传4月11日和12日的防晒专场,制作的互动型H5作品,用户在作品中通过拯救漫画中的女主角,阻止其“黑化”,了解品牌日的部分防晒单品,最后用户可以复制淘口令,登陆淘宝浏览商品,以此感受游戏乐趣,提高防晒产品的成交量。
- 策划逻辑
作品较长,用户可以一一参与,也可以跳过某个故事①五位漫画女主组成的封面合照由彩色变为黑白,点击“开始拯救”进入漫画浏览。②下滑屏幕浏览长幅漫画,每个漫画一个故事,故事结束后用户可以选择“重新拯救”或“拯救下一位”,五个故事分别为,周稚若窃取屠龙刀和倚天剑,耳晴谋害皇后,冰雪女王救妹妹,品儒复仇,慢春害人,黑寡妇复仇,若及时点击漫画最后屏幕下的拯救触点,则拯救成功,出现防晒品及简介,主角在海报中变为彩色,若拯救失败则漫画则以悲剧收尾,主角在海报中仍是黑白的。③最后是海报界面,用户可以点击“更多拯救道具”复制淘口令,也可以重新玩游戏。
- 设计上
漫画的画风各不相同,冰雪女王的较为可爱,其他则是细腻描绘得成年人物,所选内容也是大家非常熟悉的剧集,《回家的诱惑》,《延禧攻略》等,并且将剧名和主角名称都做了搞笑的谐音处理,如《洗盐攻略》,品如出现时还在画面显示了主题曲的经典歌词“为所有爱执着的痛”,让漫画很搞笑有趣。
- 体验上
原来肉体黑化也会带来心灵的黑化,这个概念互串玩得很溜啊,小编太有才,看来夏天真的要好好防晒,不然真的会“黑化”啊!
技术实现: scroller.js
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号