优酷：世界杯姿势大比拼

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

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

识别图中二维码

世界杯姿势大比拼-查阅二维码

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

案例：世界杯姿势大比拼

品牌：优酷

技术实现： jQuery+zepto+scroll

亮点：

策划上，DIY海报生成类。点击“开始表演”按钮，进入游戏。H5将卧室和人的设置分成9组，用户操控下方的9个按钮，可选择人物、方向、服装、发型、表情、背景、标语、道具、小动物，完成后点击“保存”按钮，可生成一张图片，长按保存。场景中品牌露出也很多。
设计上，卡通漫画风格，场景以及物品的设计很细致；每组设置均有多个类型，选择搭配由用户自行设计完成，满足用户的各种想象，增强了用户的存在感。
交互上，点击+拖动调整物品的位置+拖动调整人物的姿势。
体验上，结合世界杯的热点，H5视觉中融入了很多搞笑元素，如天台背景、慌的一逼等世界杯期间热门语录，满足了小伙伴的各种想象。（下面是其他小伙伴的想象创造）

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

标签