H5案例分析 | 2018春运装腔指南

一、基本信息

1、主题：2018春运装腔指南

2、来源：Tmall 天猫

3、类型：视频展示类

4、 技术实现：Egret (白鹭引擎) + Video(视频)

5、用途：活动推广

二、内容策划

该H5是以向人们介绍“春运装腔指南”展开的，总共介绍了5个技能来“装腔”。第一个技能是“大小包压身，如何帅气通过检票口？”

第二个技能是“利用扶手梯，如何营造衣锦还乡感？”。

第三个技能是“车厢嘈杂，如何彰显自我修养？”。

第四个技能是“春运桃花多，如何巧用行李展魅力？”。

第五个技能是关于终极法则，“耍帅技法千千万，如何选择掌握终极法则？”。

“装腔指南”的文案是以春运为背景，以路路交通为依托设计的。第一个技能到最后的终极技能其实就是人们从检票→进展→进入车厢→寻找座位→放置行李的一个过程。

本是春运中一个过程，H5将一个流程拆分成了五个小场景。每个场景都是我们在人满为患的春运旅途中遇到的实实在在的尴尬问题：大包小包的挤在人来人往之间。

最后的终极法则，则能帮人们解决这个烦恼，就是将“年货”先到家，露出天猫的“天猫年货节”。

三、交互设计

视频展示类，loading后点击按钮直接播放视频，轻交互重内容。

四、视觉设计

红、白、黑强烈的视觉对比，超强的漫画风格，搭配诙谐的语调配音和背景音乐，画面以漫画书的形式一一出现，节奏感感十足。

五、参考亮点

1、在每个场景之前的过度上，均设置一个按钮，观看一个视频的结束，通过触发下一个场景的开始，让用户在观看的同时，降低观看的疲劳，增强用户的沉浸感。

2、场景来源生活的细节，但又不落俗套，立场新颖。

点击  2018春运装腔指南  体验H5，留下你的观点哦~

---

相关阅读

H5案例分析 | 天下第一快争霸赛

H5案例分析 | 这里有最懂你的一首诗

H5案例分析 | 江小白之这里藏着我的秘密

H5案例分析 | Vivo X 20 星耀红 圣诞读心术

H5案例分析 | 京东救援队