PK 雙響卡 App 改版

PK APP 是 Pizza Hut 與 KFC 聯合推出的品牌點餐平台,雖然累積了穩定的下載量,但實際的活躍使用者成長幅度有限。使用者多半僅在有訂餐需求時才開啟 App,且超過九成的用戶一進入首頁就直接點擊訂餐入口,代表用戶行為高度任務導向,品牌與功能訊息缺乏曝光的空間。

面對這樣的使用行為模式,品牌方希望透過優化 App 與 Web 使用體驗,提升整體線上點餐佔比,並逐步將訂單來源從外送平台或店面,導流回品牌自有平台。具體的業務目標包含:將線上訂餐比例從 29% 提升至 35%,OOS(線上售罄後轉化)轉換率從 8% 拉升至 12%,並將每月活躍用戶數提升至 150 萬人。

為了在有限的開發與預算資源下達成商業成長目標,這次優化專案採取階段性推進的方式,優先以 MVP(Minimum Viable Product)概念聚焦關鍵體驗,並搭配設計迭代與使用者測試策略,持續驗證並優化使用流程。這是一場以成效導向出發、同時兼顧用戶體驗與轉換效率的設計挑戰。

專案發生

專案發生

2021 - 2022

專案類型

專案類型

App

我的任務

UI 設計

UI Flow

Design System

策略思考

競品分析

專案目標與挑戰

我的主要任務是協助團隊將設計策略落地為高品質的介面交付,負責將 UX 團隊所規劃的 Wireframe 轉化為高擬真的視覺設計,並撰寫 UI Flow 與設計規格。在這次專案中,我們面對的不只是視覺優化,而是要回應品牌對「轉換率提升」與「品牌一致性」的雙重訴求。

由於過去版本並未建立完整的元件系統,導致同一個功能在不同頁面中使用不同樣式,不僅降低品牌辨識度,也造成開發端維護困難。因此,我們提出設計元件化的策略,期望透過系統化設計方式,提升團隊的設計效率與產品視覺的一致性。此外,本次專案亦受限於緊湊的時程與既有技術框架,設計不僅要好看,更要兼顧彈性與執行力,協助產品穩定交付並持續優化。

設計過程

在設計階段,我們首先針對 QSR 產業(快速服務餐飲)與零售類 App 進行競品分析,觀察包括麥當勞、Uber Eats、foodpanda、全聯、全家等指標案例,歸納出高黏著度平台的關鍵體驗元素:長版型版面、功能捷徑、卡片化資訊、個人化推薦、場景式溝通與遊戲化互動等。

面對目標用戶 YA(Young Adult)的需求,我們從用戶旅程出發,聚焦在「個人化專屬感」、「場景化輔助決策」、「社交娛樂體驗」三個核心情境,並依此重新定義品牌角色,將 PK APP 從單純的點餐工具,轉變為能提供探索感與生活風格引導的點餐平台。

我負責將 UX 團隊交付的 Wireframe 完整視覺化為高擬真設計稿,並整合 UI Flow 規格,針對舊版缺乏一致性的設計,我主動提出元件化重整的建議,盤點並歸類出過去使用上風格混亂的區塊,從按鈕、導覽列、輸入欄位到錯誤提示,重構為一套模組化且能應對多場景的設計系統,這套元件系統不僅讓設計更易於維護,也加快開發效率,確保產品在不同階段與裝置上都能維持一致的體驗。

我們同時也針對用戶動機設計多元互動模組,包含依據使用者偏好與歷史提供專屬優惠、依據天氣與時間推播推薦,限時倒數購買計時器,刺激用戶開啟 App 並增加下單機率,所有模組都依照元件化邏輯設計,使開發團隊能夠快速套用並反覆驗證迭代,達到在有限資源下的最大影響力。

專案成果與影響

雖然最終專案因應品牌內部調整,後續工程交由不同團隊承接,設計成果未能 100% 實作上線,但我們在設計初期所建立的元件系統與 UI Flow 架構,依然成為新版產品開發的參考基礎,部分視覺模組與動線設計也實際被應用於後續版本中。

更重要的是,這次專案不僅讓我在執行面上深化了元件化設計的實務經驗,也是我第一次完整負責一個 App 的 UI Flow 整合與規格撰寫。透過這次挑戰,我學會如何從機制邏輯與使用情境出發,去思考設計背後的運作原則與邏輯關聯,也讓我更清楚 UI 設計在串接 UX 與開發流程中的角色。

個人反思與學習

本次設計提案也獲得客戶與主管高度評價,認為我在專案中展現了主動性與創造性,並為後續客戶的多項數位優化計畫開啟了合作機會,雖然成效無法以量化數據具體呈現,但我認為這是一次兼具策略性與學習深度的設計經驗,也成為我日後面對複雜產品時的重要基礎。