Capsul'in:Capsul'in — Aluminium

2022-03-08 H5案例分享 H5案例分享
Capsul'in:Capsul'in — Aluminium


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

识别图中二维码

Capsul'in — Aluminium-查阅二维码

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


案例:Capsul'in — Aluminium

品牌:Capsul'in

技术实现: HTML5

亮点:

1.创意定位

 

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

 

2.亮点分析

 

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

 

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

 

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

 

3.交互体验

 

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

 

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





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Capsul’in:Capsul'in Zero Impact

SWATCH X PEANUTS:SWATCHxPEANUTS

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~