SKP-S:SKP-S 2021SS 数字型录

2021-03-19 H5案例分享 H5案例分享
SKP-S:SKP-S 2021SS 数字型录


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

识别图中二维码

SKP-S 2021SS 数字型录-查阅二维码

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


案例:SKP-S 2021SS 数字型录

品牌:SKP-S

技术实现: Babylon.js

亮点:

1、创意定位

SKP-S商品介绍宣传H5,很时尚很潮的服饰在两位虚拟3D乐手身上展现的淋漓尽致,最真实逼真的展示了商品。

 

2、策划上

① 灰色底色加载页,加载100%以后,点击探索按钮,虚拟的3D人物(1男1女)再真实服装和银色造型间不断切换,用户可以360°旋转,脚底部不能旋转到,头顶可以旋转到,点击“播放PLAY”按钮,进入人物演唱页面;

② 虚拟的人物随着节奏唱着歌曲,女生唱歌,男生弹奏;点击旁边的“后台换装”按钮,换装界面,当前人物处在哪个动作,进入后台就是那个动作,而非固定一个动作;

③ 换装界面中,右侧有3套衣服,点击切换;左侧是当前人物的服装品牌和价格;点击右侧还可以切换乐手(即切换歌手或演奏乐手);不同的套装,点击左下角“查看潮流单品”,弹出的衣服不一样;换装完毕后,点击“确定换装”按钮,继续进入演唱页面,乐手即穿着新的服装进行表演。

 

3、设计上

潮流时尚的3D人物,乐手的服饰与真实品牌服装相同,背景采用质感的灰色;在人物演唱的过程中背景不断Z轴立体不断切换。

 

4、体验上

这种品牌宣传很棒,点击单品添加购物链接会更好;国外也有类似H5,例如Liberty London(伦敦最负盛名的精品百货商店)就推出过《720°全景访问Liberty London百货》,全景最真实的模拟线下购物体验。





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

标签

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

相关推荐:

SKP-S:SKP-S艺术品装置语音解说鉴赏

SKP-S:SKP-S 2020AW数字型录

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~