天猫:天猫双11狂欢城

2022-10-27 H5案例分享 H5案例分享
天猫:天猫双11狂欢城


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

识别图中二维码

天猫双11狂欢城-查阅二维码

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


案例:天猫双11狂欢城

品牌:天猫

技术实现: HTML5+Video

亮点:

1.创意定位

2022年天猫双11宣传创意H5作品。通过易烊千玺带领大家了解天猫双11狂欢城的形式,设定五站,每一站都各有特色,让用户如同坐在易烊千玺摩托后座,一同去游览狂欢城,了解双11的狂欢设置,提前进场。

 

2.策划逻辑

大致逻辑:主题页 → 5站狂欢城 → 目的地及海报。

 

主题页:实物地图背景,半透明蒙层底衬,主题突出:目的地天猫双11狂欢城,点击“开始导航”,进入穿梭模式。

 

5站狂欢城:易烊千玺带你浏览5站狂欢城,每一站到达后需要让用户轻交互一次,每到一站,都有易烊千玺的沉浸式引导和介绍,每关都生成一张站点海报。

 

点击“开始导航”后,随着镜头开始穿越,定格到易烊千玺面前,他开始口播导览,点击“一起出发”,坐在易烊千玺后座第一视角去领略5站:狂欢广场、演播中心、许愿喷泉、心意枢纽、绿动乐园,每一站到站后,你边看,易烊千玺边介绍。最后到终点,还生成一张5站串起来的天猫双11狂欢城攻略图。

 

每一站的海报和最后的长图海报,都可以通过长按屏幕保存下来。

 

3.视觉交互

第一视角场景穿越3D场景,随着过山车似的镜头,体验在天猫双11狂欢城里穿梭,极其震撼!电影大片级制作,中间加上点击、滑动等交互动作,还能长按保存易烊千玺的大海报,沉浸其中,欲罢不能,一连看多遍。

 

4.用户体验

除了不能触碰到易烊千玺,整体感觉就是坐在他的摩托后座兜风,天猫双11的狂欢城好路线好短啊,真相一直穿越下去,哈哈哈~





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

标签

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

相关推荐:

天猫:新意未来 明日之镜

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

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~