地瓜健身料理網站
Sweet Potato Fitness Recipe Site
「從天然能量開始，打造你的健身餐日常」
Healthy and delicious sweet potato meals for every fitness goal.
專案概述 /
Project Overview
此網站為 地瓜健康料理品牌 打造的「健身料理專區」，
以「地瓜 × 健身 × 高蛋白飲食」為主軸，
結合營養概念、料理步驟與成品展示，
讓使用者能輕鬆學會高纖低脂、增肌減脂的日常地瓜食譜。
A content-rich recipe site focusing on sweet potato–based fitness meals,
designed to communicate health, simplicity, and balanced nutrition.
專案目標 /
Design Goal
- 強化品牌在健康飲食與健身領域的延伸形象。
- 以視覺化食譜與營養資訊，降低使用者學習門檻。
- 結合生活化攝影與筆記風排版，營造輕鬆料理氛圍。
- 提升產品導購轉換率，讓內容與商品自然串聯。
- Expand brand perception from agricultural to healthy lifestyle.
- Simplify nutrition knowledge through visual storytelling.
- Use cozy, notebook-like layouts to enhance approachability.
- Connect recipes with product purchasing flows.
色彩規劃 /
Colors
以 健康粉紫 × 奶油白 × 天空藍 × 溫潤橘 為主色，
搭配格線筆記本風格背景與溫柔插圖，
整體視覺呈現「清爽 × 健康 × 可愛」的品牌氛圍。
攝影部分使用自然光拍攝，搭配早餐桌場景，
強調「好吃、好拍、好生活」的品牌定位。
Soft pastel tones evoke a healthy and positive vibe,
while journal-style grids and food photography bring warmth and authenticity.
設計過程 /
Design Process
- 概念發想：以「地瓜健身日記」為主題延伸。
- 內容企劃：結合五款不同類型的健身食譜。
- 排版設計：採用手帳格線＋插畫食材輔助符號。
- 產品串接：每道料理下方導引對應地瓜商品頁。
- 行銷應用：延伸內容可用於社群貼文與電子報推播。
- Concept framed around a “Sweet Potato Fitness Diary.
- Featured 5 recipe categories for diverse fitness needs.
- Integrated product CTA buttons for smooth conversion.
- Designed for easy repurposing across digital channels.
成品展示 /
Final Design
網站內容以「營養導向 × 料理應用 × 商品導購」三段式呈現：
上半部介紹地瓜的營養價值與健身優勢，
中段以食譜手帳方式展示六道料理（如地瓜雞胸、紫薯優格杯等），
下半段則導入產品購買資訊與品牌故事。
整體結構簡潔明亮、互動節奏流暢，
成功讓品牌在「健康生活」領域中延伸出新定位。
The final site merges education and commerce seamlessly,
turning recipe browsing into an engaging lifestyle experience.
成果與設計反思 /
Result & Reflection
此專案以內容導向的方式傳遞品牌價值，
不僅讓地瓜形象從農產品進化為「健身能量食材」，
也成功吸引年輕族群與健康飲食愛好者關注。
網站的筆記式設計大幅提升閱讀時間與停留率，
展現了品牌在內容行銷與健康趨勢結合的潛力。
The project transformed the perception of sweet potatoes —
from a traditional crop to a modern superfood — through thoughtful UX and storytelling.
