案例/YAMAHA 機車 Y-connect App

YAMAHA 機車
Y-connect App

Client
YAMAHA 山葉機車
Year
2024
核心問題
品牌與體驗落差
InteractionAppUIUXMaaS
YAMAHA Y-connect App 主視覺
Context

兩款 App,一個一致的騎乘體驗。

Yamaha 機車多年前推出了 Y-Connect App,透過 CCU(通訊控制元件)實現車輛資訊的即時串聯,幫助車主掌握愛車狀況,同時提供群組導航、騎乘紀錄等功能,不僅增添騎乘樂趣,更強化了車主與愛車之間的情感連結。

此次新專案的目標是整合油車(原 Y-Connect TWN)與電車(原 Y-Connect EV)兩款 App,為車主打造更一致的跨平台使用體驗。專案還新增淺色模式,並引入全新視覺設計,進一步提升品牌科技感與使用者滿意度。

核心問題

「客戶對深色與淺色模式的一致性要求極高。」

整合兩款 App 的過程中,面臨龐大的功能結構,既要處理油車與電車間相似與相異的功能需求,又需確保設計符合智慧移動(Mobility as a Service, MaaS)的發展趨勢。為此,設計過程中與客戶及開發團隊密切合作,確保每個細節都無縫銜接,為使用者提供一個統一、直覺的智慧交通服務體驗。

這需要在色彩規劃與設計推敲上投入更多心力,確保視覺語言能統一並進一步強化品牌形象,滿足智慧移動時代的使用需求。

Diagnosis

遵循 YAMAHA GLOBAL 設計準則,把三種精神放進介面。

深入研究品牌的核心價值,將 Innovation(創新)、Excitement(興奮)和 Emotion(情感)這三大精神注入設計理念中。在視覺表現上,採用現代簡約的設計語彙,結合國際設計趨勢,為使用者打造具前瞻性且兼具實用性的界面。

Racing Blue 品牌色
YAMAHA Y-connect App 設計重點
Solution

四個決定,讓介面更簡單。

Light / Dark

一套語言,兩種模式

考量不同使用情境與偏好,設計了 Light Mode 和 Dark Mode 兩種配色方案。針對色彩搭配與層級進行細緻調整,確保在任何模式下皆能提供最佳的可讀性與視覺舒適度,同時符合品牌識別。

Light / Dark 模式
Less is more

把次要功能拿掉

秉持「Less is more」的設計理念,將會員經營相關功能移至 YAMAHA LIFE App,專注於提升 Y-Connect 的騎乘功能與核心價值。也針對過多的次要功能進行系統性刪減,讓使用者的操作更加專注並提高滿意度

功能架構精簡
Interaction

配對、導航、群組騎乘

聚焦於車輛配對的互動設計,透過流暢的動畫效果與即時反饋,讓使用者快速了解車輛狀態與系統操作。同時重新設計導航功能,整合進階搜尋與路線規劃工具,並優化群組騎乘功能,增添社交互動元素,進一步激發車主間的連結與樂趣。

車輛配對
導航與進階搜尋
群組騎乘
Solution

一眼看懂車況與騎乘數據。

重新設計儀表板介面,採用更清晰的資訊層級與數據視覺化圖表,讓車主能快速掌握車輛狀態、騎乘紀錄與關鍵性能數據,進一步提升專業感與可讀性。

儀表板介面
Credits
Design DirectorHolden Chen
UX DesignerYvvone Lin
UI DesignerSushi Su
Let's talk

先說說遇到的狀況。

留下產業與最卡的環節,將盡快回覆。