01 · 週末餐桌
山坡壓榨 · 胡椒尾韻
電商品牌設計
MULE TASTE
以無花果、麵包與陶器的編輯式攝影探索精品食品電商的質感。
自主概念，非客戶委託
案例敘事
背景
MULE TASTE 是以精品常溫食品為題的自主電商概念。它從原本的食材攝影向外擴充，探索不同產地、風味與包裝形式如何被整理成可閱讀、可比較也適合送禮的選品體驗。
案例敘事
挑戰
精品食品很容易只剩漂亮的食物照片；當油品、醬料、果乾與脆餅同時出現，顧客仍需要知道差異、搭配方式與為何值得放進同一個購物籃。
案例敘事
洞察
選品購物不是先找單一品項，而是從「想要什麼風味、用在什麼時刻」開始。先建立編輯主題，再提供品項比較與組合建議，能把探索轉成決策。
案例敘事
策略
我們以鹹香、明亮與甜潤三種風味方向組織商品，利用容器輪廓和色帶協助快速比較，再把產地故事、食用情境與搭配建議放進固定的商品敘事順序。
案例敘事
設計
成果包含風味導向的選品架構、編輯式探索到商品頁的路徑、商品故事模組，以及能支援固定套組與自由選配的模組禮盒。頁面展示結構與選擇邏輯，不宣稱真實產地或成分。
策略轉化為實質交付
下列系統逐一對應前述策略，並以可閱讀的規格、接觸點或操作結果呈現。
商品組合系統
用風味整理跨品類選品
不同瓶罐與紙包先依風味方向分群，容器形式說明品類，色帶則保留同組辨識，讓顧客在列表中同時看懂差異與關聯。
- 風味導向的跨品類選品
- 包裝形式與比較提示
購物流程
先探索主題，再建立組合
首頁以風味與使用時刻引導探索，集合頁提供跨品類比較，最後在組合步驟確認尺寸、內容與送禮選項，避免過早要求顧客選單品。
- 編輯式選品探索路徑
- 組合建立與確認順序
01
選擇風味
02
混合品類
03
完成禮盒
商品詳情
讓商品故事服務選擇
商品詳情依序呈現風味輪廓、使用情境、包裝形式與搭配方向，讓故事不只是情緒文案，而是能和其他商品比較的共同欄位。
- 風味、情境與搭配資訊層級
- 跨品項共同比較欄位
MULE
TASTE
TASTE
風味選品｜午後分享
果實與穀物選品
用共同欄位比較不同品類的故事與搭配。
- 風味
- 果香・焙火
- 口感
- 清爽・濃郁
- 搭配
- 麵包・果醬
內容系統
固定套組與自由選配共用的禮盒
可替換分隔讓瓶、罐與紙包使用同一盒型，外套色帶區分主題，空白卡片與封口標記則把送禮訊息留給結帳流程。
- 模組化選品禮盒
- 贈禮訊息與交付系統
內容選品與送禮原型
依場合與風味組合一份禮物
02 · 安靜食材庫
石磨穀物 · 烘烤尾韻
03 · 主人禮物
果園果醬 · 明亮果香
概念禮盒購物車
0 件禮盒
可逐項檢查的交付標準
驗收證據
概念操作示範，不會送出訂單、詢問或預約。
內容完整性
案例以背景、挑戰、洞察、策略與設計說明每項交付的決策依據。
獨立美術
視覺系統以獨立的色彩、材質、字體節奏與資訊層級呈現，不與其他案例混用。
跨裝置
桌機、平板與手機閱讀均不應產生水平溢位或遺失關鍵交付資訊。
鍵盤操作
所有連結與適用控制項均可用鍵盤到達，並具有可見焦點。
真實揭露
此案為自主概念；案例不宣稱客戶委託、真實交易或未經證實的商業成果。
內容完整性
內容導購、跨品類比較、組合禮盒與送禮資訊形成完整選品路徑。
實際操作
此案的概念原型可直接操作，並明確呈現閒置、載入、空白、錯誤與完成狀態。
延伸探索
繼續探索相關內容
服務 · 電商品牌
電商品牌建置
依品牌、商品與平台條件規劃購物體驗；會員、金流與物流整合於可行性確認後納入範圍。
服務 · 內容與社群
社群內容製作
社群策略、視覺設計與攝影，提升品牌曝光與互動。
作品 · 電商品牌
HUE 保養品
以純白容器、柔和光線與留白探索保養品電商品牌的視覺秩序。
作品 · 形象網站設計
COFFEE STOPOVER
以陶杯、咖啡豆與天然石材探索精品咖啡網站的內容視覺方向。
作品 · 品牌識別設計
GREENHOUSE
以橄欖綠色票、紙張與植物光影探索自然生活品牌的識別系統。
設計觀點 · 數位體驗
讓內容與元件一起被維護，數位體驗才會持續成長
把內容結構和介面元件放進同一套規則，能讓更新不再從頭開始。
分享內容