跳至內容
返回作品

專案 03 / 03

Cornershop

結合全通路顧客互動的創新個人購物體驗,重新想像零售的未來。

客戶

Capgemini

角色

產品設計師

年份

2021 – 2022

團隊

1 位技術主管、1 位 PM、2 位產品設計師、1 個開發團隊

Cornershop 零售平台,呈現橫跨行動裝置與實體門市的全通路購物體驗

問題

零售商承受著打造順暢體驗的壓力,必須在實體門市與數位通路之間無縫銜接。但現實中,面向顧客的 App 與店員系統各自獨立 — 讓消費者的旅程支離破碎,也讓門市團隊缺乏跟上的工具。

挑戰: 我們如何將顧客體驗與門市營運整合為單一的全通路系統,同時服務消費者與店員?

成效

單一旅程

串連店內與數位體驗,讓顧客在通路之間切換時不會遺失脈絡。

雙重介面

顧客 App 與店員營運儀表板並行設計,讓前場與後場保持同步。

可行藍圖

將推測性概念轉化為可信的零售創新商業提案,可直接帶入利害關係人對話。

整體而言,這項工作交付了一份端到端的全通路藍圖 — 證明推測性設計能成為零售商真正可以著手執行的路線圖。

目標與宗旨

我的角色

研究

在著手設計前,我們向外探看 — 研究新興零售科技,並對應顧客期待如何在各通路間轉變。

Cornershop 研究畫布 — 零售案例、鄰近產業與潛在夥伴對應
研究畫布 — 零售案例、鄰近產業參考與潛在夥伴,形塑概念方向
Cornershop 綜整看板 — 旅程地圖、服務藍圖與 Google Glass 任務管理對應
綜整看板 — 旅程地圖、服務藍圖,以及橫跨 AR 試穿、咖啡點單與 Google Glass 任務管理的跨概念探索

點擊圖片可放大。

流程

專案結合了推測性設計思維與務實交付。

1

研究

零售科技 + 顧客行為掃描

2

旅程對應

推測性的未來情境流程

3

設計

App 與儀表板並行打造

4

系統化

為開發交接建立設計系統

挑戰

為創新進行推測性設計、同時又立基於真實使用者需求,這需要:

成果

專案交付了串連數位與實體零售的全通路體驗 — 自主購物旅程、AR 商品探索、店員營運,以及重新想像的店內接觸點。

Cornershop 行動 App 畫面畫布 — 涵蓋註冊、首頁、地圖、個人檔案、目的性貨架與個人化咖啡的完整流程
App — 迭代後的註冊、首頁、地圖、個人檔案、目的性貨架與個人化咖啡流程,搭配優化的視覺識別
Cornershop 設計系統 — 字體、色彩、logo、圖示、按鈕、輸入框、分頁、控制項、導覽與卡片
設計系統 — 字體、色彩、logo、元件、導覽與卡片,為開發交接完整記錄
Cornershop 網站 — 註冊、商品列表、結帳與個人檔案頁面
網站 — 註冊、商品探索、購物籃、付款與個人檔案頁面,與 App 識別一致
Cornershop 自主、免結帳購物體驗圖解 — 顧客到店、以 QR 報到、邊瀏覽貨架邊虛擬試用,鏡頭追蹤偵測取走的商品,離店後於 App 內寄送收據
自主、免結帳購物體驗 — Just Walk Out 流程,結合鏡頭追蹤、App 購物籃與 App 內收據
Cornershop 虛擬 AR 試穿 — 透過手機鏡頭在使用者腳上呈現 Nike 球鞋,旁邊並有 Nike SB Zoom Blazer Mid 的商品詳情視圖
虛擬 AR 試穿 — 在單一裝置上銜接實體與數位的瀏覽體驗
Cornershop 為店長設計的即時門市績效體驗
店長工作流程 — 即時門市績效、團隊監督與整個班次的臨時任務分派
Cornershop 搭配 Google Glass 的店員任務管理 — 六步驟班次流程
Google Glass 流程 — 從上班到下班的免持店員任務管理
Cornershop Google Glass 店員任務管理介面細節
Google Glass 介面細節 — 進來的任務、補貨走道提示,以及情境化的完成流程

關鍵心得