Capsul'in：Capsul'in — Aluminium

2022-03-08 H5案例分享 H5案例分享

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

识别图中二维码

Capsul'in — Aluminium-查阅二维码

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

案例：Capsul'in — Aluminium

品牌：Capsul'in

技术实现： HTML5

亮点：

1.创意定位

Capsul'in是一家专注做胶囊咖啡壳的公司，这套H5主要是对其新品Aluminium的宣传，属于【产品介绍】或者【官网】型H5作品。

2.亮点分析

① 大色块的运用。整个作品以蓝黑色调为主要大色块，用渐变及色差衬托出产品的质感。

② 变化的交互。以上下滑动屏幕为基础交互，穿插点击，左右结构的交互热点、图文，让交互变得简洁易懂不单调。

③ 简洁的图文。每页内容最多被分为两块，遵从“少即是多”的设计理念，清晰干净，每页内容传达准确、丰富。

3.交互体验

交互方式选用门槛较低的上滑滚动和点击，在浏览和体验的过程中，左侧有进度条提醒，让用户方便知道浏览进度。

左侧顶部的Logo点击后回到首页，右侧吸顶简洁导航按钮，让用户快速浏览网站的功能结构和快速抵达。

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

标签