Leroy merlin：Leroy merlin - Inspirations

2021-10-11 H5案例分享 H5案例分享

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

识别图中二维码

Leroy merlin - Inspirations-查阅二维码

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

案例：Leroy merlin - Inspirations

品牌：Leroy merlin

技术实现： HTML5

亮点：

1.功能介绍

Leroy merlin品牌Inspirations（灵感）系列作品展示，通过2.5D旋转转台展示各种家装特效，纯色背景，每个场景设置局部动效细节，点开可以详情介绍，又可以通过右上角的导航，看所有产品导航目录。

2.特效及功能说明

① 2.5D家装特效+转台旋转。让各种家装场景立体化的同时，增加浏览的动效。仔细观察每一个场景中，都有局部动画，使场景更逼真，例如：浴室中的蒸汽、阳光下的浮尘、壁炉中的火焰等。

② 导航功能。右上角的导航，用图标展现所有产品的目录，方便快速抵达。

③ 详情介绍及购买功能。点看某一个灵感家装的详情页面，有详细的设计理念、材料及真实材料的局部特写介绍，还可以直接完成购买动作。

3.交互体验

简洁利索，每一个家装场景都很有创意。场景展示、详情展示、导航，三个功能模块都很清晰，交互简洁，但国内用户体验略卡顿。

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

标签