客戶案例 · CASE STUDY/ booking · 2026
King Crab
帝王蟹精品餐廳
一隻蟹、五道菜——讓訂位變成晚宴的第一道前菜
/ 假想挑戰
King Crab 是一間以挪威空運活體帝王蟹為招牌的精品餐廳，每日僅兩個梯次共 24 席。客戶挑剔、注重儀式感、希望從訂位開始就感受到品牌調性。網站任務：(1) 用視覺把「活體 + 桌邊現切」的價值說清楚；(2) 套餐流程讓訪客一看就懂；(3) 訂位流程順暢、不流失。
/ 設計思路
深炭黑 + 蟹殼朱紅 + 暖米——夜色的酒吧氛圍，襯出食材本身的色澤。Hero 用全屏實景照、加重深色漸層讓字凸顯；菜單用羅馬數字 I–V 條列、每道菜都有 14px 留白；訂位 CTA 在每屏都重複出現，用朱紅膠囊按鈕統一辨識。
kingcrab.com
/ 首頁 · 晚宴的開始
§ 01 · 內頁
從首頁滑進去——食材、套餐、訂位一氣呵成
客人滑離 Hero 後第一眼要看到「為什麼是 King Crab」。這一頁把活體運送、桌邊現切、五道菜流程攤開來，最後落在訂位 CTA。
kingcrab.com
/ 內頁 · 食材、套餐與訂位
§ 02 · 技術棧
這個方案會用的工具
- Next.js 15
- Sanity CMS
- Stripe
- Resend
- Google Calendar API