淘宝天猫服饰产业中心：2022春夏流行趋势报告

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

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

识别图中二维码

2022春夏流行趋势报告-查阅二维码

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

案例：2022春夏流行趋势报告

品牌：淘宝天猫服饰产业中心

技术实现： HTML5

亮点：

1.创意定位

淘宝新势力周期间淘宝天猫服饰产业中心联合WGSN和趋势中心一起推出的“2022春夏流行趋势报告”,把时尚杂志电子化,方便更多人足不出户，就可以通过线上浏览和阅读，形成传播。

2.策划逻辑

主要流程：① 主题页 → ② 目录页 → ③ 内容页。

① 主题页：主要露出品牌和活动主题——2022春夏流行趋势，有左滑引导提示，用户左滑进入目录页。

② 目录页：一共三个部分：宏观趋势、八大春夏流行趋势、春夏流行搭配色。点击任一标题，直接跳转该主题对应的内容页。

③ 内容页。从目录页左滑或者点击任一标题，就会进入杂志内容页，左右滑动，可以前翻和后翻。

3.视觉交互

时尚杂志大片设计，适配了竖屏手机屏幕,欧阳娜娜各种写真造型,文字/图文混排,错落有致。各种时尚模特造型，穿搭，展现穿搭流行趋势。

4.用户体验

在滑动的过程中，如果有进度条展示位置，就更赞了。

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

标签