Work> Gogoro MixDance

(Design) an app centered around brand experience, combining AR in 2021.

#AR #App #BodyTracking

Gogoro MixDance

2021 第一季,Gogoro 發表了全新車款 — VIVA MIX。

以「混搭」風格為核心的車款,提供六款車色、專屬音樂、個性化配件,讓騎車成為生活風格的延伸。更打造出「Mix 魔人」的角色,將車款精神擬人化,讓民眾感受角色的舞動多變時,加深對車款的印象。

  • 車款個性成為數位玩樂體驗


我們以 Mix 魔人「音樂」、「舞蹈」、「變身」的特色為原則,挑選出貼合的數位載體。為了變身後能自由舞動,選擇 iOS ARKit 骨架追蹤技術,透過 App 讓使用者在生活中隨時能發揮創意。同時也顧慮到 App 僅支援 iOS 系統,亦提供民眾至「Club Mix 品牌概念快閃店」體驗的選擇。

  • 透過 AR 變身,隨音樂舞動


將相機後鏡對準活潑愛跳舞的朋友,MixDance 透過 AR 將朋友變身為 Mix 魔人,讓朋友跟著音樂擺動。因應車款「個人化」「活潑」特性,色彩採樣自身上的衣服顏色,也提供多種造型,更設定了 25 個隨機任務,於拍攝時隨機出現,在有限時間內,考驗大家的創意極限。

介面設計

為呈現「玩樂」的關鍵特質,首要任務是讓使用者直覺地完成挑戰。因此,我們採用既有攝影介面的操作習慣,精簡體驗流程,降低初次使用者的學習曲線,有助於快速、直覺地參與活動挑戰。

圖框樣式 Filter Style
教學頁面設計

教學頁面是使用者對 App 第一印象,由律動的 Mix 魔人加上對話框,生動的介紹手法,讓使用者快速輕鬆地融入體驗。嘗試頁面切換時,為流暢地呈現連續動態,程式自動運算兩個動作間的內差,讓角色任意遊走在每個畫面中,想怎麼切換都行!

偵測動態

使用最新身體追蹤技術呈現 AR 效果。在動態設計上,活潑化「組成」的過程,當畫面中偵測到人體骨架時,散佈在空氣中的元件將快速聚集,使用者離開畫面後,元件也會失去重力,被彈回空氣中緩緩飄移。

前期研究 & 紀錄

Let's connect

Curious about this piece or need it for a show? Reach out—we'd love to chat.

+ Credit
NextWork
Gogoro VIVA MIX 新車發表會
(Design) a launch event combining installation, stage design, projection, and generative art in 2021.

#GenerativeArt #AGV #MotionCapture