SHISEIDO资生堂：恋恋樱花定格春光

2021-03-20 H5案例分享 H5案例分享

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

识别图中二维码

恋恋樱花定格春光-查阅二维码

案例：恋恋樱花定格春光

品牌：SHISEIDO资生堂

技术实现： pixi.js + html2canvas + krpano

亮点：

1、创意定位

SHISEIDO资生堂樱花瓶产品宣传H5，在樱花绽放的季节，粉粉的画面，樱花中飞舞着蝴蝶，不知不觉中记住了樱花瓶。

2、策划上

① 加载页显示主题“恋恋樱花定格春光”，加载完毕后，显示主KV页，左上角是活动规则，点击“开启旅程”按钮，进入樱花界面；

② 提示滑动手机发现美景，还提示如何更大几率拍到蝴蝶；滑动屏幕看到樱花树和飞舞的蝴蝶，画面中有个箭头，点击切换另外一个湖面中的樱花全景；一共2个樱花全景画面；点击粉色气泡，画面可以放大；点击拍照图标，对当前画面进行拍照，点击“生成专属明信片”按钮，生成明信片；

③ 明信片页中，引导用户关注公众号，还可以返回樱花界面，和提示用户分享好友。

3、设计上

3D全景，粉嫩嫩的樱花树，飘动的樱花花瓣和飞舞的蝴蝶；以尽量最真实的方式，展示赏樱花。

4、技术上

全景采用krpano实现，论全景漫游丝滑流畅哪家强，krpano肯定是老大；官网：https://krpano.com/home/

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

标签