乐高：乐高的世界

2020-05-14 H5案例分享 H5案例分享

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

识别图中二维码

乐高的世界-查阅二维码

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

案例：乐高的世界

品牌：乐高

技术实现： JavaScript

亮点：

1、创意定位

乐高品牌宣传H5，引导用户进入乐高小程序，通过DIY海报不同性别，乐高里的人物，达到与用户互动。

2、策划上

① 进入H5后，首先选择性别，选择性别后，上方的头像会不同，点击“我来了”按钮；

② 随后是造型创造，可以点击头饰、脸部、身体、腿部进行造型的切换；

头饰：男性共18款，女性共19款，其中7个头饰相同，其他的不同

脸部：男性共20款，女性共22款

身体：男性共18款，女性共21款

腿部：男性和女性分别共25款

默认处在身体切换的菜单界面；选择好后，点击“下一页”按钮

③ 添加配饰和切换场景，用户可以点击海报上方的箭头，切换整体大背景；在这里特别有小惊喜，如果是朋友分享你，而且他/她已经生成了卡通形象，这里会有你们的合照哦~，当然你也可以选择单人照。

④ 最后选择宣言，生成DIY的形象海报。

3、设计上

乐高的玩具，喜欢乐高玩具的同学，会喜欢这个界面。

4、体验上

和乐高产品无缝融合，界面中处处是乐高的产品，但是不招人烦；拼出的卡通形象海报，也很好看。

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

标签