Vanke:送你一套新装备,6.15你就是跑道上最靓的仔!

2019-07-08 H5案例分享 H5案例分享
Vanke:送你一套新装备,6.15你就是跑道上最靓的仔!


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

识别图中二维码

送你一套新装备,6.15你就是跑道上最靓的仔!-查阅二维码

完整欣赏此案例大约需要20秒


案例:送你一套新装备,6.15你就是跑道上最靓的仔!

品牌:Vanke

亮点:

1.创意定位

Vanke为青岛乐跑赛制作的DIY 类的H5,提倡:跑出健康、跑出快乐、跑出友谊。

 

2.策划逻辑

整个H5大概分为3部分:

 

①Loading部分:加载页为一个柠檬黄背景上面有一个小吉祥物(好像一颗牙)在不停变换着表情和装饰物在奔跑,贴合此H5的乐跑主题。

 

②主题部分:加载完自动跳转,吉祥物在画面中间不停奔跑,标题:我的运动STYLE,左上角是vanke的Logo,点击画面下方的“点击进入”进行下一步。选择自己的性别,开始进行头发、衣服、鞋子、饰物和背景的DIY选择,其中选装饰物的时候可以点击左上角的“按住查看效果”屏蔽掉界面的其他选项。

 

③海报落地页:都选完后点击确认形成海报,左下出现青岛城市乐跑赛的Logo,右边出现二维码,可点击“查看赛事详情”了解更多关于青岛海跑赛的情况,可长按保存海报。

 

3.设计上

整体以黄色和橙色为主色调。活力四射的两个相近色。无处不在的小吉祥物也很可爱。

 

4.体验上

作为一个宣传活动的H5,赛事详情长图里介绍的很明确,也有绘制地图登详细位置,还有沿途美丽的风景,让人感觉活动锻炼身体之余还能欣赏美丽的海景,真是心旷神怡啊。



技术实现: HTML5



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

标签

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

相关推荐:

万科青岛:追梦青岛 致敬深蓝

VANKE 青岛:等了好久,一直想把我的故事讲给你听!

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~