Woset：Woset_H5案例分享

Woset：Woset

2022-02-24 H5案例分享 H5案例分享

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

识别图中二维码

Woset-查阅二维码

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

案例：Woset

品牌：Woset

技术实现： VueJS + SVG + canvas + Nuxt.js + GSAP Animation + Lottie

亮点：

1、创意定位

Woset是一家儿童用品网站，销售儿童玩具和服饰。如果你仅仅的认为这是一个购物网站就错了，在网站中，你可以感受到品牌所呈现的童趣，品牌元素，而且基于孩子想象所策划出的互动游戏。

2、策划上

① 进入网站后，可以看到基于品牌形象的卡通，和产品与孩子的实物图，就那么分布在首页中，用户向下滑动可以浏览；

② 点击屏幕右上角的菜单，可以进入3部分：购物、互动玩、网站说明；

③ 购物页面中，有规律的放置商品展示图片，和分类（玩具和装饰），商品不多；

④ 互动玩页面是一张大大的图，用户可以上下左右滑动，点击可爱的卡通形象，可以分布进入填色和链接数字游戏；

⑤ 网站说明页面中，是一些品牌理念和联系方式。

3、设计上

简单的黑色线条勾勒出卡通形象，配色一个局部上色，有点像手账中的绘画；整体设计很简洁，但是传达出童趣、环保、舒适的感觉。

4、交互上

儿童互动游戏部分，点击2种不同的游戏入口进入，孩子们可以自由的发挥想象。

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