Dior:Dior Chinese Valentine’s Day

2023-08-11 H5案例分享 H5案例分享
Dior:Dior Chinese Valentine’s Day


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

识别图中二维码

Dior Chinese Valentine’s Day-查阅二维码

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


案例:Dior Chinese Valentine’s Day

品牌:Dior

技术实现: 重力感应 + threeJS

亮点:

1、创意定位

在中国传统情人节七夕期间推广 LuckyDior 系列。该系列以占星学为灵感的主题形成了一种互动体验,两个恋人的星座在天空相遇。用户探索 360 度天空视图并单击任何标志来发现爱的愿景。

 

 

2、策划上

① 进入案例后,授权重力感应权限,不授权手指滑动屏幕也可以,点击开启体验,进入“星运七夕 仲夏之夜”的体验;

② 进入主场后,上面是夜空,下方是海水,远方是星星点点的城市灯光,时不时飘动的云,滑动屏幕或者转动手机,可以看到天空中的星座,长按选择星座,长按的过程中,星座旁边的心形会有逐渐变成完整的圆环,需要选择两个星座;

③ 两个星座选择完毕后,点击相遇区域,两星座移动,在天空相遇,输入两个名字,生成七夕两人星座的卡片;

④ 点击我的专属礼物,可以看到刚刚生成的卡片,点击LuckyDior限定系列,进入商品列表页面。

 

3、设计上

像素画风格,星座配夜空,上方夜空,下方海水,静谧又美好。夜空会随着你的访问时间,颜色有深浅变化,可以试试不同时段访问。

 

 

4、交互上

① 重力感应感应或者滑动屏幕访问;

② 不同时段访问夜空颜色不同;

③ 长按选择星座,给用户足够选定该星座的时间。





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

标签

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

相关推荐:

Dior:The Fabulous World of Dior at Harrods

可口可乐:可口可乐爱情定制公司

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~