Capsul’in：Capsul'in Zero Impact

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

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

识别图中二维码

Capsul'in Zero Impact-查阅二维码

完整欣赏此案例大约需要2分25秒

案例：Capsul'in Zero Impact

品牌：Capsul’in

技术实现： JavaScript

亮点：

1、创意定位

Capsul’in是一家专注做胶囊咖啡壳的公司，这个页面是宣传产品环保有机特点。

2、策划上

① 这个是一个OnePage网址，首屏介绍产品零环境影响，而后是咖啡胶囊壳不断向下坠落；

② 而后介绍是第1家适配Nespresso（雀巢胶囊咖啡机）的胶囊咖啡壳，在介绍26周胶囊壳埋在土里的变化，最后是公司的网站联系人等。

3、设计上

① 主配色采用墨绿色；

② Capsul’in的胶囊咖啡壳从头贯穿到底部，不断下坠引导贯穿整支案例；在下坠的过程中，注意介绍产品特色；

③ 设计的语言可以跨国界，就算不懂外国的语言，我们也可以在看到的视觉信息中，猜测出大概意思；

④ 胶囊壳的26周变化展现很棒，一层层的撕去的视觉。

4、交互上

① 用户不断的向下滑动，向下滑动的过程中，不断的浏览页面中的信息；

② 页面中有信息的引导，例如：首屏中的discover按钮。

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

标签