miu miu:全新游转环境女士香氛

2019-09-02 H5案例分享 H5案例分享
miu miu:全新游转环境女士香氛


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

识别图中二维码

全新游转环境女士香氛-查阅二维码

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


案例:全新游转环境女士香氛

品牌:miu miu

亮点:

1.创意定位

由miu miu制作的跳跃小游戏H5来宣传自己品牌。

 

2.策划逻辑

整个H5主要分为三部分:

 

①Loading部分:粉色的背景,一个带着面具的像素小人和一只白猫在月亮上扭动,后面是miumiu的Logo。加载完成同意miumiu使用cookie的权限,然后打开声音享受游戏。

 

②游戏部分:夜晚的街上,一个黄发女生和一只猫坐在椅子上,标题“成为第一位女生行走在月球上”,最上方是miumiu的Logo,左上角的是粉色的菜单,最下方有“点击开始游戏”的字样。开始游戏后女生起飞,背景变成大街上,开始左右不断有香水瓶出现,点击屏幕跳起站在香水瓶上,如果没有跳好会被瓶子撞飞,从头来过,右上角是积分,经过几次跳起叠加,女生又开始起飞,半途有带着香水的气泡,点破气泡可加分。背景又变成了山里的夕阳,此时变成逆光的景象,再次飞升背景是星空点击泡泡。在此落地背景是月球了,在上方就是宇宙了。再次飞起就是成功抵达月球了。

 

③落地页部分:月球上有一只白猫还有两个面具伴舞小人。大写着“任务完成”,然后会跳出得分数值,可点击“立即购买”“分享我的得分”“再玩一次”

 

3.设计上

整体为像素风格的普兰、粉色调。十分少女。

 

4.体验上

在宇宙背景和日落夕阳背景的时候氛围很好。游戏也比较有趣。



技术实现: PixiJS



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

标签

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

相关推荐:

Miu Miu:Miu Miu全新游转幻境女士香氛

丝芙兰官网:丝芙兰小众香氛收藏馆

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~