跳至內容
返回作品

專案 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 數位服務的路徑 — 提升易用性、強化品牌信任,並為未來產品奠定可擴展的基礎。

目標與宗旨

打造一個整合平台,達成:

我的角色

流程

專案以既有線框稿與資訊架構為基礎,從高擬真原型開始。雖然內容大致已定義,但可行性問題與跨團隊協作仍需密切合作。

1

稽核與資訊架構

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

2

線框稿

統一導覽與跨服務入口

3

高擬真設計

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

4

QA 與交接

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

客戶協作是交付的核心:

My Heathrow 線框稿畫布,顯示優惠與抽獎在私密與公開狀態下的變化版本
線框稿畫布 — 在客戶審查期間,將優惠與抽獎的變化版本對應到私密、公開與註冊狀態。

挑戰

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

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

Heathrow 主網站、行動 App 與 My Heathrow 入口並排呈現,展示供應商之間共享的視覺語言
跨介面一致性 — Heathrow 主網站、行動 App 與 My Heathrow 入口在各供應商團隊間共享統一的視覺語言。

CRM 對齊與設計限制

在 CRM 限制下工作意味著:

並排對照:雲端 CRM 解決方案的 staging 環境與線上的 Heathrow 網站
雲端 CRM 與線上網站對照 — 設計 QA 審查協調了 staging CRM 版本與線上 Heathrow 體驗。

最終設計

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

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

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

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

學到的經驗