唯品会：寻找你的次元恋人

2017-12-19 H5案例分享 H5案例分享

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

识别图中二维码

寻找你的次元恋人-查阅二维码

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

案例：寻找你的次元恋人

出品：唯品会

亮点：

策划上，视频类，loading页面是帽子手套等物品，进入首页后被两种色调分为两半，左边是蓝色右边是粉色，蓝色是我要男友和一个帅哥图片，粉色是我要女友和美女图片，还有小雪花不停地落下，回答三个问题后会有一段美女要你抱抱的视频，然后美女化为暖朋友（保暖衣物），最后是唯品会1215保暖节的宣传。
设计上，冬天的季节，飘着小雪让人感觉寒冷，这样可以潜意识里让人产生购买衣物的欲望，视频人物可爱、语气温柔，尤其是女孩儿甜甜的一笑让人觉得即使是冬天也心里暖暖的，产生强烈的吸引力让冬天寒风中的你想要去买“暖朋友”。
交互上,点击回答问题后左右切换可以更换朋友，点击暖朋友可以看视频，去找暖朋友和温暖全世界都会进入唯品会商城。

技术实现： JavaScript+video

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

标签