跳至內容
返回作品

專案 01 / 03

My Heathrow

將 Heathrow 的多項服務與 Heathrow Rewards 會員計畫整合為單一、統一的線上入口體驗。

客戶

Heathrow

角色

產品設計師

年份

2024

團隊

1 位 PO、1 位 IA、1 位工程主管、2 位 UX 設計師、1 個 CMS 開發團隊

My Heathrow 統一入口,顯示航班資訊、會員回饋與機場服務儀表板

問題

顧客需要為三項 Heathrow 服務分別登入 — 會員回饋(Rewards)、官方停車(Official Parking)與預訂取貨(Reserve & Collect)。在這些服務之間切換破壞了體驗,也抑制了會員計畫的參與度。

挑戰: 我們如何將這三項服務整合為單一入口,讓體驗順暢無縫並強化 Heathrow 品牌?

成效

3 → 1

將三組獨立登入整合為單一 Heathrow 帳號,涵蓋會員回饋、停車與預訂取貨。

個人化

量身打造的會員回饋優惠與點數餘額現在每次造訪都會顯示,深化會員計畫的參與。

共享系統

新的設計系統元件被供應商團隊採用,提升各 Heathrow 介面的視覺與互動一致性。

這些改變共同為顧客打造了一條清晰貫穿 Heathrow 數位服務的路徑 — 提升易用性、強化品牌信任,並為未來產品奠定可擴展的基礎。

之前

會員回饋 — 獨立登入
官方停車 — 獨立登入
預訂取貨 — 獨立登入

之後

單一 Heathrow 帳號

會員回饋 · 停車 · 預訂取貨 — 一次登入、共享歷程,每次造訪都有個人化優惠。

我的角色

流程

專案承接前一階段的線框稿與資訊架構;我的工作從審查開始,經高擬真設計一路推進到上線。雖然內容大致已定義,但可行性問題與跨團隊協作仍需密切合作。

01稽核與資訊架構

盤點既有服務孤島與登入流程

02線框稿

統一導覽與跨服務入口

03高擬真設計

為回饋、航班、優惠打造新設計系統元件

04QA 與交接

與 CMS 開發及供應商協調審查

客戶協作是交付的核心:

My Heathrow 線框稿畫布,顯示優惠與抽獎在私密與公開狀態下的變化版本
將優惠與抽獎對應到登入、公開與註冊三種狀態,在任何高擬真設計開始前,就先揪出左右客戶審查決策的邊界情境。

挑戰

跨多家供應商的設計一致性

Heathrow 的數位生態涉及多家供應商管理主網站與行動 App。維持視覺與互動一致性需要:

Heathrow 主網站、行動 App 與 My Heathrow 入口並排呈現,展示供應商之間共享的視覺語言
三家供應商、一套視覺語言 — 入口沿用主網站的設計模式,顧客從不覺得自己離開了 Heathrow。

CRM 對齊與設計限制

在 CRM 限制下工作意味著:

並排對照:雲端 CRM 解決方案的 staging 環境與線上的 Heathrow 網站
針對每個 staging 版本進行設計 QA,在顧客看到之前,就先攔下 CRM 實作偏離設計意圖之處。

最終設計

統一入口串連旅客儀表板、航班管理與會員回饋 — 每個介面都強化單一一致的識別。

My Heathrow 最終設計 — 統一入口畫面

最終設計 — 橫跨航班、回饋與優惠的統一入口

My Heathrow 會員回饋完整頁面
Heathrow Rewards — 完整頁面體驗
My Heathrow 優惠完整頁面
優惠 — 入口中的個人化促銷

學到的經驗