小米:小米10青春版

2022-11-07 H5案例分享 H5案例分享
小米:小米10青春版


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

识别图中二维码

小米10青春版-查阅二维码

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


案例:小米10青春版

品牌:小米

技术实现: HTML5

亮点:

1.创意定位

小米10青春版创意H5案例。通过用3D视角,全方位展现小米10青春版手机的特色,直观,震撼,引发大家对小米10青春版的关注和购买。

 

2.策划逻辑

大致流程:Loading → 主题页 → 配置及功能展示 → 跳转商城。

 

Loading完毕后,进入主题页,用沉浸第一视角旋转镜头,最后停留在桌上放的小米10青春版手机。点击“打开盒子”,进入配置及功能展示部分。

 

配置及功能展示部分,也是将手机悬空于全景,用户可以通过滑动手机,从各个角度观赏。除手机外,有5个入口:分别对应50X潜望式变焦、AI四摄电影特效相机、360°看外景、高能配置、小米商城入口(糟糕,心动了)。

 

点击每个入口,进入对应部分功能展现。50X潜望式变焦,直接可以通过操作,模拟50X变焦的感受。AI四摄,有拍出的照片和视频。360°看外观,可以换色和旋转观赏手机。高能配置,进入机器内部分解结构,可以点击某一部分,进行详细了解。点击“糟糕,心动了”,跳转小米商城。

 

3.交互视觉

把小米10青春版用悬空3D展现,很震撼。很多功能,例如:摄像头的50X放大,通过让用户操作来感受,更直观。手机内部的工程部件,用3D解构,更专业。颜色选择后,直接3D无死角可以展现,更性感。交互方式主要以滑动屏幕、点击等交互方式。

 

4.用户体验

很爽!糟糕,心动了!尤其是放到50X的摄像头,小五准备入手一台呢~ 有一起的吗?





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

标签

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

相关推荐:

小米:MIUI 12.5

Xiaomi:Redmi Note 11 Series Showroom

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~