滴滴出行：少女心爆棚，3.8女神券大放送！

2018-03-06 H5案例分享 H5案例分享

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

识别图中二维码

少女心爆棚，3.8女神券大放送！-查阅二维码

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

案例：少女心爆棚，3.8女神券大放送！

出品：滴滴出行

亮点：

策划上，通过解锁设计特别女生卡通形象的形式，使用户领取专属滴滴快车券，以达到宣传滴滴品牌的目的。有趣的人物制作过程可以更好的抓住用户的注意力，保存DIY生成的形象也可以促使用户进行二次传播。
设计上，以粉色、紫色等色调为背景主色调，以简单的动画形式让用户自由设定喜欢的卡通形象，更符合女性的使用习惯。
交互上，通过用户自由DIY设定专属女生卡通形象，发型、表情、上衣、下装、鞋子五个部分可以改变，每个部分均有五种选择。最终形成卡通形象后可以选择重新做或者生成。生成后形成以滴滴快车为背景的人物形象照片，长按可保存并可以通过晒形象分享至朋友圈。形象设定完成后可填写手机号领取滴滴快车券。
体验上，加载流畅，界面简单且符合少女心主题。给加载界面增加了文字内容，使有时卡顿或等待加载时可以更有效吸引用户的注意力。卡通形象形成后可以保存并分享，也有效的增加了该H5的传播效果。

技术实现： CreateJs + jQuery

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

标签