SELECTED PROJECT
貴董手作料理
桌機版以大幅料理影像與商品資訊建立食慾及品牌印象；手機版則重新配置商品瀏覽、價格、購物車與訂購按鈕，讓消費者能快速完成從認識商品到下單的流程。
ECOMMERCE DESIGN FOOD BRANDING RESPONSIVE DESIGN
02
PROJECT BRIEF
把職人熬煮的麻辣香氣，轉化成令人想立即下單的購物體驗
食品購物網站除了要讓商品看起來好吃，更需要清楚呈現口味、份量、保存方式與料理步驟，降低消費者第一次購買的疑慮。
本案以貴董麻辣臭豆腐、家庭包、麻辣魚蛋與火鍋配料為主要內容，重新整理商品分類、價格、辣度選擇、料理方式與宅配資訊，讓消費者快速理解每項商品的特色與差異。
畫面以濃郁磚紅與炭黑呈現麻辣料理的香氣、火候與職人感，再以暖米白平衡視覺重量，讓商品照片、品牌故事與購物功能兼具食慾、辨識度與閱讀清晰度。
03
CREATIVE DIRECTION
以三個設計原則，打造有溫度也有轉換力的麻辣料理品牌
先讓料理喚起食慾
運用近距離料理影像、濃郁湯色與食材細節，強化麻辣臭豆腐、鴨血與鍋物的熱度、香氣及口感想像。
讓商品資訊一眼看懂
整合價格、份量、辣度、保存期限與料理方式，透過明確層級降低閱讀負擔，幫助消費者快速做出購買決定。
縮短從瀏覽到結帳的距離
將加入購物車、立即訂購與商品選項安排在清楚位置，讓使用者不論使用桌機或手機，都能順暢完成下單流程。
04
VISUAL LANGUAGE
濃郁磚紅與炭黑，呈現職人熬煮的麻辣深度
網站以帶有辣椒與麻辣湯底意象的磚紅作為主要識別，傳達香氣、火候與食慾；搭配炭黑色強化手作料理的厚實感與品牌個性，再以溫暖米白作為內容背景，讓商品照片與文字資訊保持舒適清楚的閱讀效果。
PRIMARY #9E2923 Spicy Character
ACCENT #24201E Crafted Depth
BALANCE #F3E8D5 Warm Appetite
05
DIGITAL EXPERIENCE
從挑選口味到完成訂購，打造直覺流暢的購物流程
01 熱門料理快速瀏覽
02 辣度與數量選擇
03 購物車與宅配流程
04 手機版下單優化
FROM FLAVOR TO CONVERSION