掃碼即可體驗完整互動流程。

回顧 2014 年發布會 H5，以創新交互（動畫、單屏滑動）成為行業標桿。一年過去，H5 爆發式增長，市場競爭白熱化，2015 年專案面臨更大挑戰——團隊延續創新基因，在品牌策略、視覺、視頻、展會體驗全鏈路深度參與。

「想像力 H5」處於線上品牌預熱階段，核心任務：打造符合 2015 年發布會品牌調性的 H5，傳達品牌概念「讓想像綻放」，核心就是「把氣質搞起來」。

尋找想像力：頭腦風暴與參考蒐集

已知 Slogan「讓想像綻放」，創意圍繞「想像力」展開發散：

遊戲類參考

1. 沉浸式世界構建：紀念碑谷（故事/畫面/互動三位一體）、Gorogoa（手繪懸浮拼圖）、謎畫之塔（畫作轉化場景）

2. 互動觸發腦洞：Shadowmatic、拯救基瓦努卡——要求極高，用戶理解度差異大，把控難度高。

影視類參考

星際穿越（未知好奇）、少年派（故事環扣情懷）——節奏感與敘事張力可移植至 H5 敘事。

書籍類參考

百草園到三味書屋（比喻擬人化無趣為有趣）、面朝大海春暖花開（文字構建詩意畫面）。

故事構思：角色、核心元素、敘事弧線

確立三大支柱：

• 角色：承載夢想的孩童——最富想像力的主角。
• 核心元素：2015 UP KV 三角形——多變易用，呼應主視覺。
• 故事路線：完整敘事弧線支撐全程體驗不脫節。

擬定關鍵情節並注入情緒起伏：

文案草稿：

引：我們的征途是星辰大海
起航：置身浩瀚宇宙，欣喜仰望
跌落：墜入未知山谷，汲汲前行
探索：跨越袤然大海，奇幻斑斕
綻放：踏上無垠曠野，躬身播種
結：繁花之上再生繁花，夢境之上再現夢境

完整草圖輸出：

視覺設計：氛圍與細節並重

整體氛圍渲染

營造詩意懷舊氛圍：大場景、大視角（海、天），運用擬人誇張手法引發遐想。

細節刻畫：角色與元素互動

角色以簡約色塊呈現，保留神秘感；三角元素多態變化貫穿關鍵節點，串聯故事。

完整設計稿輸出

起航

跌落

探索

綻放

亮點設計：借力、業務融合、互動深化

1. 借力經典，激發共鳴

致敬艾舍爾矛盾空間，將普通室內轉化為奇幻體驗。

2. 業務板塊隱性植入

避免生硬植入，用共鳴元素隱喻業務：星際穿越黑洞隱喻雲服務；文字筆畫構建空間感隱喻文學業務。

3. 互動豐富寓意

山洞行走場景加入影子互動，隱喻「小人物也有強大內心」。

音樂與動畫：節奏與情緒同步

受版權限制，於 GarageBand 原創配樂，四段式對應故事情緒節點：跌落空靈、探索和聲……

動畫節奏把控極致，團隊分秒必爭打磨體驗舒適度。

技術攻關：大體積 H5 的極致優化

海量圖片導致體積龐大，技術團隊日夜優化，確保還原度與流暢度並存。

專案複盤

1. 數據表現優異，PC 端與移動端聯動導流成效顯著。
2. 持續嘗試新鮮玩法，滿足用戶好奇心。
3. 跨職能協作：興趣驅動參與感，技術從限制變為強力後盾，前期不設技術邊界，後期高還原落地。