整合兩款 App 的過程中,我們面臨龐大的功能結構,既要處理油車與電車間相似與相異的功能需求,又需確保設計符合智慧移動(Mobility as a Service, MaaS)的發展趨勢。為此,我們在設計過程中與客戶及開發團隊密切合作,確保每個細節都無縫銜接,為使用者提供一個統一、直覺的智慧交通服務體驗。同時,客戶對深色與淺色模式的一致性要求極高,這需要我們在色彩規劃與設計推敲上投入更多心力,確保視覺語言能統一並進一步強化品牌形象,滿足智慧移動時代的使用需求。
01Overview
Client
YAMAHA
Yamaha 機車多年前推出了 Y-Connect App,透過 CCU(通訊控制元件)實現車輛資訊的即時串聯,幫助車主掌握愛車狀況,同時提供群組導航、騎乘紀錄等功能,不僅增添騎乘樂趣,更強化了車主與愛車之間的情感連結。此次新專案的目標是整合油車(原 Y-Connect TWN)與電車(原 Y-Connect EV)兩款 App,為車主打造更一致的跨平台使用體驗。專案還新增淺色模式,並引入全新視覺設計,進一步提升品牌科技感與使用者滿意度。
02Challenge
03Points of Design
04Brand DNA
遵循 YAMAHA GLOBAL 設計準則,我們深入研究品牌的核心價值,將 Innovation(創新)、Excitement(興奮) 和 Emotion(情感) 這三大精神注入設計理念中。在視覺表現上,採用現代簡約的設計語彙,結合國際設計趨勢,為使用者打造具前瞻性且兼具實用性的界面。
05Solution
深色與淺色模式的雙模式優化
考量不同使用情境與偏好,設計了 Light Mode 和 Dark Mode 兩種配色方案。我們針對色彩搭配與層級進行細緻調整,確保在任何模式下皆能提供最佳的可讀性與視覺舒適度,同時符合品牌識別。
智慧互動設計
聚焦於車輛配對的互動設計,透過流暢的動畫效果與即時反饋,讓使用者快速了解車輛狀態與系統操作,進一步提升使用體驗的直覺性與科技感。
全方位騎乘體驗升級
重新設計導航功能,整合進階搜尋與路線規劃工具,讓車主在規劃騎乘路線時更加輕鬆高效。同時優化群組騎乘功能,增添社交互動元素,進一步激發車主間的連結與樂趣。
功能精簡與分工
秉持「Less is more」的設計理念,將會員經營相關功能移至 YAMAHA LIFE App,專注於提升 Y-Connect 的騎乘功能與核心價值。我們也針對過多的次要功能進行系統性刪減,讓使用者的操作更加專注並提高滿意度。
數據視覺化儀表板
重新設計儀表板介面,採用更清晰的資訊層級與數據視覺化圖表,讓車主能快速掌握車輛狀態、騎乘紀錄與關鍵性能數據,進一步提升專業感與可讀性。
06Credits
Design Director
Holden Chen
Designer
Yvonne Lin
UI Designer
Sushi Su
Partner Development