蒂芙尼:蒂芙尼中秋奇遇之旅

2019-09-04 H5案例分享 H5案例分享
蒂芙尼:蒂芙尼中秋奇遇之旅


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

识别图中二维码

蒂芙尼中秋奇遇之旅-查阅二维码

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


案例:蒂芙尼中秋奇遇之旅

品牌:蒂芙尼

技术实现: html5

亮点:

  1. 创意定位

蒂芙尼在中秋之际推出的过关挑战型的H5作品,用户通过长按小兔子,控制力度让其跳跃,获得分数累积和蓝盒子,最后可生成自己的中秋海报,冲进榜单前十名,还有可能在中秋节获得蒂芙尼的祝福。

 

  1. 策划逻辑

加载界面是一只小兔子仰望上方,兔子下是进度条,上方是品牌名称,加载完毕后,屏幕显示出作品名称和中秋寄语,以及游戏方法,阅读活动条款并同意后开始挑战,长按小兔子让其蹲下蓄力,松手后小兔子向下一片云彩跳跃,跳准加分,跳不准则游戏结束,界面显示用户名,得到的分数和蓝盒子数,用户可查看排名,分享游戏,或邀请好友来挑战。

 

  1. 设计上

整个界面以蒂芙尼蓝为主,只有小兔子,云彩是淡淡的有点透明的白色,整洁干净,突出了蒂芙尼独有的品牌色彩。

 

4. 体验上

在舒缓背景下,点击软萌小兔子,让其憨厚可爱的跳跃,治愈系的画风看起来很舒服,没有时间限制可以慢慢调整力度进行游戏。云彩上还有蒂芙尼热销款式的配饰,在游戏过程中更加加深印象。

 





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

标签

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

相关推荐:

网易考拉:我的全球品牌地图

天猫 +五芳斋:我总是心太软

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~