小米:小米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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号