天猫：奇妙的闺蜜化学反应

2018-05-25 H5案例分享 H5案例分享

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

识别图中二维码

奇妙的闺蜜化学反应-查阅二维码

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

案例：奇妙的闺蜜化学反应

出品：天猫

亮点：

策划上，天猫品牌宣传H5。首先是播放一段闺蜜关系的视频，讲述了6个闺蜜自己的特点，大约1分15秒，而后是5个闺蜜间相处的问题，例如，观点不一致怎么办？吵架？礼物等等之类的女人间的事儿，通过你的回答，给出你是什么类型的女孩，一共有12个女孩类型，通过一个化学元素来概括特点。长按图片可以保存。
设计上，手绘卡通风格。
交互上，开头的视频有“跳过”功能很不错，减少用户看视频的等待，造成莫名的退出。

技术实现： jQuery + Video

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

标签