台北捷運Go

#App設計 #Figma
HANDLE

負責項目

#UI/UX #動畫設計
PROJECT OVERVIEW

專案背景

本專案是黑客松競賽,比賽宗旨是利用 AI 強化捷運 App,但我認為現版其實已具備許多不錯的功能,即使不依賴 AI 也能達到良好體驗。

因此,我僅將 AI 應用在「景點推薦」與「路線安排」上,整體改版的核心則放在 介面重整與資訊優化。

Problem

痛點

1.資訊架構混亂,缺乏明確層級,導致使用者難以快速找到所需功能或資訊。

2.介面缺乏一致性的設計規範,互動與視覺元素不夠直覺,增加使用學習成本。

3.文字與版面排版密集,留白不足,降低可讀性與瀏覽舒適度。

Visual

視覺規劃

團隊分工方面,我負責 UI/UX 設計,包含功能釐清、資訊架構整理、動線規劃與介面設計,最後將設計成果交給行銷夥伴整理成提案書。由於決定參賽時僅剩三週,我們無法進行完整的訪談與調查,只能憑自身作為捷運使用者的經驗,親身體驗 App。

此外,基於比賽宗旨設計了兩項功能:

1. AI 推薦景點 —— 現有技術成熟,在實現功能上容易達成,也是出去玩時大家在意的重點。

2. 票卡餘額查詢 —— 靈感來自日本交通卡,能讓使用非電子票券的用戶即時掌握餘額。

Text

文字設定

字體統一使用思源黑體,並根據不同的資訊層級調整字高與間距,以確保優異的易讀性。

透過減少過多的裝飾性字體干擾,讓使用者能更專注於核心功能的運作。

Color Palette

色彩設定

本專案採用雙主色系統。在色彩分配上,我將「藍色」定義為裝飾色,運用於Icon、強調元素及背景;

「綠色」則定義為行動色,應用於按鈕、輸入框等關鍵交互元件。透過明確的色彩區分,讓使用者能直覺地理解各元件的用途。

其他相關作品

專案
背景