*由於台灣地區家樂福已由台灣統一集團接手營運,此專案內展示的家樂福台灣 APP 已於2026年停止服務。
背景
我們的客戶是全球數一數二的量販品牌之一,以外商方式在台灣深耕將近三十年。
專案執行之際(2019年),家樂福品牌已在台灣擴展超過100間線下門市,涵蓋兩種型態:大型量販店,以及24小時的便利型門市,隨著業務持續成長,品牌也與在地合作夥伴合作,協助他們在店內銷售商品,而隨著消費者在日常生活中越來越依賴科技,台灣的零售版圖也正快速轉變,伴隨數位需求提升,市場對數位零售體驗的需求也隨之成長,為了回應這股市場變化,客戶決心將線上與線下零售完整整合,打造無縫的線上線下體驗。
這個專案分成兩個階段規劃:
第一階段: 合併原有的兩個App,並重新設計,打造更一致、更完善的體驗。
第二階段: 推出一個經過改版、更貼近原生體驗的電商服務。

需求來源
如前述提到,台灣的消費者和市場都正快速朝數位化方向移動,從小型手搖飲店到大型量販店和百貨公司,許多品牌都已推出自己的線上服務,藉此強化數位能力,並提升顧客留存率與忠誠度。
此客戶原本就已經有兩個營運多年的 APP:
- 其中一個主要服務線上購物者,提供電商購買功能(網頁式架構 APP)。
- 另一個則聚焦於線下顧客,功能上偏向行銷與會員服務型 APP。
第一次改版的主要目標,是合併這兩個 APP,統整線上與線下服務。另一個重點,是導入符合「新零售」趨勢的功能,例如電子錢包和掃碼購物。
從UI的角度來看,舊版 APP 的設計比較偏重資訊呈現。首頁以九宮格方式列出十大功能,這樣的設計無法支援行銷需求。這些限制,都成為這次改版的重要考量。

角色
UX(部分功能): 釐清需求、驗證邏輯、產出使用者流程,我主要負責新版電子錢包流程的整體規劃,也參與了整個 APP 的互動設計,改善整體易用性,並針對舊版體驗中的核心痛點進行處理。
UI(全功能): 依據客戶的品牌規範,打造一套全新的設計系統,運用視覺設計提升使用者滿意度、強化品牌忠誠度,同時透過這次改版,呈現出截然不同的全新視覺體驗。

洞察
透過競品分析、利害關係人對齊,以及需求討論,我們定義了幾個貫穿整個專案、反覆被參照的設計原則,它們扮演著功能決策與取捨時的關鍵。
- 新零售是一個整合生態系:
零售產業已經從電商時代邁入「新零售」時代。就像阿里巴巴集團所定義的:「一種以消費者體驗為核心、由數據驅動的全通路零售模式。」,要真正達成「全通路」,我們必須從多個維度去思考業務邏輯與系統架構。由於客戶的線下營運(門市服務、物流等)已經相當成熟,線上零售仍有相當大的成長與優化空間,此專案的首要任務,是提升線上服務的品質與規模,並將其與線下服務串接,圍繞著用戶和數據,形成更完整的循環。
在第一階段,首頁強調會員服務和電子錢包,反映出整合線下服務的重點,當第二階段導入線上購物功能時,並沒有降低線下服務的優先度,相反地,我們重新調整了版面配置和資訊層級,讓使用者能在同一個畫面上,快速存取線上和線下的功能。

- 可用的資訊:
根據客戶的研究,大多數使用者是30到50歲的已婚女性,從一開始,客戶就強調要依照這群使用者的習慣進行設計,相較於可能更重視速度和新鮮感的年輕使用者,這群使用者更看重穩定性與實用性—例如易讀的提示、詳細的優惠資訊,以及系統的可靠性,舉例來說,舊版的優惠型錄只支援逐頁瀏覽,在改版中,我們在每一頁型錄下方新增了精選商品,同時服務偏好瀏覽型的使用者,以及想快速找到相關優惠的使用者。

- 直覺操作:
由於這次改版會大幅改變介面,既有使用者勢必會經歷一段過渡期,因此針對新功能,我們致力於降低認知負擔、讓互動更直覺,讓使用者能以最低的學習成本,順利完成任務。
專案挑戰
- 系統限制:
在整個設計與開發過程中,我們接觸到多個長期運作的既有系統。客戶並未計畫在這次專案中優化這些系統,因此新版 APP 經常得配合既有的限制。從UX的角度,我們仍致力於在限制之內達到最佳體驗—透過加入引導、清楚的訊息提示,以及貼心的流程設計,幫助使用者充分理解無法避免的問題,舉例來說,由於歷史因素,會員制度分別存在於兩套獨立的線上與線下系統中,如果沒有明確說明,使用者很難理解為什麼會有兩個不同的會員帳號,由於這兩套系統在當下還無法整合,專案團隊提議優化登入和註冊流程來改善這個情況,透過引導新使用者走過一段不中斷的旅程,幫助他們快速註冊好兩個帳號。

- 整合多個資料來源:
客戶與許多外部廠商合作,部分功能需要同時串接更多系統,這在資訊架構層級上增加了額外的複雜度,舉例來說,電子錢包功能同時牽涉到錢包儲值廠商和合作銀行,在交易紀錄這類畫面上,資料來自多個系統,卻必須呈現成單一畫面,這需要仔細地整合資料並重新建構,讓使用者能毫無阻礙且清楚理解所有資訊。

UI 設計重點
這次的視覺更新幅度相當大,家樂福的品牌色是藍色和紅色,但如果讓兩者權重相等,可能會造成視覺上的「錯亂感」,在提案階段,我們提出了兩種主色方向的兩種概念,各自強調不同的主色。最終由於紅色感覺與競爭對手過於相近,我們選擇以藍色作為主色,並以紅色作為點綴色。
此外,品牌原本的藍色相對深沉厚重。我們與客戶合作,稍微提高了飽和度與明度。從色彩心理學的角度來看,藍色傳遞出沉穩與舒適感,這與品牌「溫暖好客」的價值主張相當契合,我們也建議採用大圓角造型和親和力較高的插畫,讓整體視覺更柔和、更平易近人。
舊版 APP 以資訊呈現為主,缺乏互動感與親切感,為了解決這個問題,我們也在新版 APP 中導入了動態元素和動畫,打造更具吸引力的視覺體驗。

總結
第一階段於2019年6月上線,第二階段則在2020年1月推出線上購物功能。在Android平台上,下載次數從20萬成長至42.5萬,評分也從2.2分提升至4.4分。
整個專案過程中,我們持續面對溝通與系統層面的挑戰,也經歷了許多細節層面的反覆迭代與調整,由於這次的專案範疇並未包含正式的用戶測試或訪談,我們主要仰賴利害關係人的回饋以及 APP 商店評論,這也使得要完整掌握最終成效指標變得較為困難,即便如此,我們仍嘗試用一些輕量的方式,取得更即時的洞察:與身邊的使用者交流、在門市服務櫃台附近進行實地觀察,以及與客服團隊確認,從第一線的回饋中學習。
雖然仍有部分限制尚未解決,但客戶和我們團隊都相信,這項產品應該持續進化,不斷改善體驗,為使用者打造更便利、更現代化的「新零售」旅程。

