Mini Cooper:104车队传奇

2020-03-15 H5案例分享 H5案例分享
Mini Cooper:104车队传奇


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

识别图中二维码

104车队传奇-查阅二维码

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


案例:104车队传奇

品牌:Mini Cooper

技术实现: jQuery.js

亮点:

1.创意定位

Mini Cooper通过“104车队传奇”漫画故事,通过讲述Pat Moss和Ann Wisdow两位女性在1962年驾驶MINI参与顶级拉力赛夺冠的故事,最终表达品牌理念:心大,从不怕被小看。再延展到MINI不服输,挑战不可能的基因解读:渴望打破记录,更不惧打破偏见。

 

2.策划逻辑

Loading加载完毕后,露出故事主题页面“车队104传奇”,用翻屏+格子漫画的形式,讲述由真实历史改编的故事:1962年,Pat Moss和Ann Wisdow两位女性,在参加郁金香拉力赛前的几经波折,最终驾驶“小车”MINI,经过7天4000公里与143组世界顶尖的男子车队较量,勇夺拉力赛冠军。故事末尾的落地页,包含:分享传奇,收藏海报和试驾体验。

 

3.视觉交互

采用美漫风格,配合对话气泡、局部动画和背景音效,场景带入感很强,让用户跟随故事情节的跌宕起伏,获得内心的鼓舞和品牌理念的认知。交互形式简洁,故事部分一直滑屏翻页,结尾部分可以长按保存海报,还可以调起键盘,输入试驾信息。

 

4.体验上

故事剧本太吸引人,还没有看过瘾,就到了故事的结尾。如果小五以后买车,第一考虑MINI。





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

标签

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

相关推荐:

MINI汽车的宣传H5案例 — 小世界,大惊奇

MINI:MINI的创意和做MINI的“创意”

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~