【場景佈置H5】我的中秋探月之旅

語言: CN / TW / HK

案例:我的中秋探月之旅

品牌:人民日報新媒體×36Kr

亮點:

1.創意定位

人民日報新媒體和36Kr聯合在神舟十二號返回和中秋之際,以“我的中秋探月之旅”為主題,通過“佈置場景”的方式,以地球為背景,讓使用者佈置宇宙飛船艙內、艙外物品,生成探月海報,為中國航天加油,為中國探月工程加油。

2.策劃邏輯

① Loading → ② 確認函 → ③ 過場動畫 → ④ 場景佈置(艙內+艙外) → ⑤ 海報落地頁。

① Loading。 品牌方、主題露出和載入進度。頂端是人民日報新媒體×36Kr聯合品牌的露出,上部是“我的中秋探月之旅”的主題,下部是載入進度條,載入完成,進度條處變為互動按鈕“立即啟程”,點選後進入“確認函”。

② 登月確認函。 文案引導+使用者訪問編號。點選“確定”,進入“過場動畫”。

③ 過場動畫。 一個帶有中國國旗的飛船,直奔月球的動畫。可以點選右下角的“跳過”動畫。

④ 場景佈置。 分兩部分:佈置艙外、佈置艙內。艙外可佈置的元素包含飛船殼、月球車、宇航員、運輸車等在內的25個部件。艙內可以佈置的元素包含月餅、魚缸、寵物、機器人、乒乓等在內的15個部件。不管艙內、艙外,至少選擇一樣部件佈置,然後可以點“完成”,進入海報落地頁。

⑤ 海報落地頁。根據第④個環節佈置生成的海報,包含品牌方、主題、訪問次數和佈置的太空艙圖片。長按可以儲存海報到相簿,還可以點選“再試一次”,進行再次體驗。

3.視覺互動

整體視覺為“卡通+寫實”風格,飛船的廣寒宮、月餅艙樣式,很可愛;枸杞、老乾媽、月餅等實際生活用品,都讓人瞬間產生共鳴。互動上,主要以點選、雙指拖拽、旋轉、長按儲存等互動方式,互動清晰。

4.使用者體驗

整體體驗流暢、無歧義,如果在場景佈置場景,能夠單指放大、縮小和旋轉,體驗就更棒了。

【案例截圖】

請長按/掃描以下二維碼

體驗我的中秋探月之旅

完整欣賞此案例大約需要 1分鐘

<想免費推廣H5可以試試>

H5投稿小助手

以上為【H5案例分享】團隊原創文章!

轉載請務必註明出處!

【學H5-從今天開始,不晚】

【帶你一步一步成為H5高手】

找創意H5案例:h5anli.com