House of Gucci：An Inside Look

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

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

识别图中二维码

An Inside Look-查阅二维码

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

案例：An Inside Look

品牌：House of Gucci

技术实现： JavaScript

亮点：

1、创意定位

电影《House of Gucci》（电影：古驰家族）的数字体验H5，核心让用户可以亲密接触这部电影和电影精彩的时尚幕后时刻。

2、策划上

① 网站偏向文字和电影图片，分为两部分：电影介绍和不同岗位（导演、演员、服装设计）对电影做出的台前幕后故事；

② 进入网站首屏就是电影介绍，慢慢向下滑动，是导演、主要演员、服装设计师对电影的理解和解读；

③ 点击屏幕顶部的Menu菜单，进入4个详细内容的入口，有导演、演员、服装设计、媒体评论。

3、设计上

简洁风格，核心突出文字和图片；通过一把钥匙贯穿首屏，在用户不断的滑动屏幕过程中，钥匙不断翻转；详情内容介绍排版布局类似时尚杂志。

4、交互上

响应式页面，PC端访问时，访问首屏的大标题，两侧的加号会变成对应内容相关图片。

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

标签