腾讯游戏:OMG!时尚博主我爱罗带你玩转百变造型!
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分30秒
案例:OMG!时尚博主我爱罗带你玩转百变造型!
品牌:腾讯游戏
技术实现: Pixi.js + TweenLite.js
亮点:
1、创意定位
火影忍者手游宣传H5,用户DIY为火影忍者中的我爱罗创造时尚的造型,增加用户互动,用户还可以把自己DIY出的造型分享朋友圈或者好友,促火影忍者手游APP下载;促下载的手法还比较柔和,利于用户接受,也有利于本H5的传播。
2、策划上
① 首先是一段视频,视频全长18秒,叙述DIY造型的起因,便于用户更好的带入DIY海报;
② 进入DIY页面,用户可以造型我爱罗的姿势、发型、眼妆、瞳孔、眉毛、鼻子、嘴巴、脸纹;一共8个菜单,每个菜单进入后,都有对应的展开,点击左侧的返回按钮,重新进入8个菜单的列表;屏幕左上角有4个按钮,分别是复原最初的我爱罗造型、开关弹幕、背景音乐控制、操作提示;
③ 操作完毕后,点击DIY页面中的右上角的“完成”按钮,进入海报生成页面,页面下方还可以填写宣言,写好后,用户长按海报保存即可;屏幕右下方是进入火影忍者手游下载页面。
3、设计上
整体配色比较艳丽,页面游戏感很足;也有细节,例如,不同的造型,出现的海报页配框的颜色不同。
4、体验上
每次操作都有细节动画,例如造型变换时的烟雾;点击按钮时,游戏里的按钮声。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号