3D全景動畫H5案例分享

伴隨著移動設備的更新換代，H5開發技術也更加成熟，讓移動端的H5頁面可以實現各種華麗的視覺效果，即使是比較消耗性能的3D動畫也能順暢展現。下面，藍橙互動就給大家分享一個3D全景動畫H5案例。

案例：live the journey

品牌：Evian

1、創意定位

這是法國Evian為依云礦泉水品牌進行宣傳而推出的H5案例，通過掃描限量版的瓶子，可以體驗插畫版的依云15年凈化之旅，查看依云礦泉水產地，法國阿爾卑斯山的3D故事。

2、內容體驗

進入H5頁面，首先是提示界面，提示調大聲音，點擊開始體驗按鈕，進入主KV頁面；主KV頁面是以阿爾卑斯山為背景，手機端時用戶橫向可以滑動屏幕，一共4個可以點擊的按鈕，3個藍色和1個粉色按鈕。粉色按鈕進入的是明信片頁面，可以選擇3種明信片圖案，寫上接收人和發件人。藍色的按鈕，分別進入3個不同關于阿爾卑斯山的3D動畫，包括穿越森林、俯視阿爾卑斯山脈和穿越到地下查看水源。點擊其中一個藍色按鈕，長按瀏覽3D動畫完畢，可以進入下一個動畫。瀏覽動畫的過程中，可移動手機更換視頻角度，觀看不同方向的風景，也可以松開按鈕，停留觀望。3個3D動畫都觀看完畢后，會有觀看完畢提醒，提示用戶分享頁面。

3、設計策劃

3D渲染，手繪畫面；依云礦泉水的水源地是阿爾卑斯山深處、冰川砂層天然過濾，所以構成元素阿爾卑斯山，深林等。

這個H5案例采用的是響應式頁面，無論PC端還是移動端都可以訪問，通過3D全景動畫向用戶展示品牌故事和產品特點，相比于傳統的視頻類H5，3D全景動畫擁有更好的交互性，能時刻吸引用戶注意力，提升營銷效果。