非官方 UI/UX 概念改版作品,資料僅供展示。

公告

1 / 3
台北101與城市天際線

台灣好行景點接駁服務

一站查詢路線、班次與旅遊套票

輕鬆連結台灣各大景點,從交通查詢到行程規劃一次完成

例如:日月潭、阿里山、台中高鐵站

常見問題

FAQ

在首頁或路線頁的搜尋框輸入景點、站名或路線代碼,即可查詢對應路線的動態時刻表;也可以直接在路線頁切換路線選單查看不同路線的完整站點與時間。

購買完成後,票券會出現在會員中心「我的票夾」,搭乘當天出示票券上的 QR Code 畫面供司機或服務人員掃描驗證即可。

各路線皆提供無障礙車輛預約服務,建議搭乘前至少一天透過服務專線或路線頁的無障礙預約入口提前安排,確保有合適車次可搭乘。

可以。使用日前 3 天申請可全額退款,使用日前 1-2 天退款 80%,使用當日恕不受理退票。實際規則請以購買當下顯示的條款為準。

若不慎錯過班次,可直接於原站點等候下一班次搭乘(依各路線發車頻率而定),持有套票者不需重新購票;若行程有較大變動,建議致電服務專線確認。

作品集 Case Study

Design Process & Highlights

專案角色

獨立負責 UI/UX 設計、前端實作、RWD 適配與核心互動流程規劃,從資訊架構到可操作原型全部一手完成。

設計問題

原始情境中,旅遊交通資訊分散在不同頁面與管道,路線查詢、班次確認與購票流程彼此不連貫,使用者必須反覆切換才能完成一次行程規劃。

設計目標

將路線查詢、動態班次、套票購買與會員電子票夾整合進單一體驗,降低使用者在不同任務之間的切換成本,並確保手機與桌面版體驗一致。

核心流程

  1. 搜尋路線
  2. 查看班次
  3. 購買套票
  4. 查看電子票券

設計亮點

  • 明確標示為非官方概念改版,所有模擬資料皆有清楚提示,避免使用者誤認為真實官方內容
  • 手機版與桌面版共用同一套資訊架構,並依觸控尺寸與版面層級個別調整
  • 依循 WCAG AA 檢查焦點樣式、色彩對比、鍵盤操作與螢幕閱讀器可讀性

找到下一段適合你的旅程

從熱門路線開始,查看班次、沿線景點與推薦套票。

3 條 完整示範路線
3 種 旅遊主題
4 步驟 套票購買流程
WCAG AA 無障礙設計目標