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

2019-05-10 14:37:11

                   

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

识别图中 二维码

h5

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

案例：黑化女子图鉴

品牌：天猫超级品类日

亮点：

1. 创意定位

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

 

1. 策划逻辑

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

 

1. 设计上

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

 

1. 体验上

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

技术实现： scroller.js

↑ 回到顶部