Case Study 02

Michelin Guide
Redesign

在保留米其林高端品牌調性的前提下,讓使用者不必離開平台就能完成找餐廳到訂位。

Michelin Guide
Role
UI / Visual Design
Year
2026
Type
UI / Visual Exploration
概念性專案
Tools
Figma / FigJam
Live

對照 The Fork、OpenTable、食べログ 後發現,使用者在米其林指南找到感興趣的餐廳後,必須跳到 Google Maps 查評論、價格與位置,訂位動機在過程中被削弱:

  1. 搜尋缺乏即時性 不抓取位置、不顯示今日可訂狀態。
  2. 資訊不完整 缺少評論、價格與地圖,逼使用者跳出平台。
  3. 探索體驗太冷 缺乏情境引導與主題特輯,無法激發訂位意願。
  • 品牌系統 保留米其林主色 #BF0000、金色 #C9A84C、深黑 #1A1A1A;標題 Playfair Display、內文 Inter。
  • 首頁搜尋器 毛玻璃效果融入 Hero Banner,以金色細線分隔三個欄位。
  • 餐廳詳細頁 直接顯示今日可訂時段,補齊即時性與資訊完整度。
  • 範圍 限縮在餐廳功能流程,不涉及飯店與文章頁面。
Sitemap 與 User Flow

Sitemap 與 User Flow

Design System

Design System

首頁 UI

首頁 — 毛玻璃搜尋器融入 Hero Banner

餐廳列表頁 UI

餐廳列表頁

餐廳詳細頁 UI

餐廳詳細頁 — 直接顯示今日可訂時段

訂位流程分三步驟,採左側餐廳摘要、右側表單的雙欄版面,讓使用者填寫時仍能看到所選餐廳,降低認知負擔。

訂位流程 步驟一

訂位流程 — 步驟一

訂位流程 步驟二

訂位流程 — 步驟二

訂位流程 步驟三

訂位流程 — 步驟三

Next Project
III Awards Agency
→