Moooi：Beauty Blooms_H5案例分享

Moooi：Beauty Blooms

2022-05-20 H5案例分享 H5案例分享

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

识别图中二维码

Beauty Blooms-查阅二维码

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

案例：Beauty Blooms

品牌：Moooi

技术实现： PixiJS

亮点：

1、创意定位

荷兰家居品牌Moooi宣传H5，让自己沉浸在梦幻般的Moooi数字景观中，庆祝由Andrés Reisinger和Julia Esqué设计的新型Hortensia扶手椅的推出。

2、策划上

① 进入案例是案例的主题“美丽绽放”，用户不断滑动中，一朵花瓣飘落，落入Hortensia扶手椅；

② 依次一镜到底的方式展示4件商品，将商品融入数字景观，滑动过程中，右下方有商品的购买链接；

③ 最后是所有刚刚展示商品的横向列表，点击后进入商品详情页；整体每件商品有2个展示，一次是滑动过程中，另一次是案例结尾横向列表位置。

3、设计上

深色调配合Hortensia扶手椅的颜色，以Hortensia扶手椅的花瓣贯穿案例；整体感觉既有艺术感，又有商品的介绍，商品展示很自然。

4、交互上

用户只需要不断滑动即可，就可以看到商品展示，喜欢的商品点击后，看商品详情而后购买。

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