PUPUPULA：定制你的 2021 牛年全家福

2021-02-13 H5案例分享 H5案例分享

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

识别图中二维码

定制你的 2021 牛年全家福-查阅二维码

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

案例：定制你的 2021 牛年全家福

品牌：PUPUPULA

技术实现： JavaScript + canvas

亮点：

1、创意定位

PUPUPULA品牌宣传H5，自从2018年开始全家福引爆全网，每年都会推出一支全家福H5，形式相似，也因为这种固定的形式，每次看到全家福，就会想起PUPUPULA这个品牌。

2、策划上

首屏启动页，点击开始“START”按钮进入场景布置页面，一共5个菜单；

菜单1：家居内容，融合了品牌家居产品；

菜单2：人物，偏大人，选择人物后，可以设置，头发、上衣、裤子、饰品；

菜单3：儿童，各种儿童和婴儿的姿势；

菜单4：宠物，猫猫狗狗；

菜单5：致敬；

3、设计上

卡通简洁形象，浅色调，页面干净；保持的PUPUPULA全家福一贯的风格。

4、体验上

添加的人物和修饰都可以缩放和删除；DIY出来的场景和人物抓住的人物的特点，虽然不全像人物本人，主要是神似；而且可以DIY出心目中家的样子。

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

标签