將原有的甘泉魚麵官網重新規劃改版，提升視覺形象與資訊傳達為目標。
設計以溫暖、健康、安心的理念出發，結合多元湯麵料理特色，
透過食材與餐點呈現各種的產品項目，豐富整體版面設計。
同時也整合加盟專區的相關資訊，加強品牌推廣及潛在加盟者的需求。
甘泉魚麵 | UI/UX網頁設計
專案名稱
專案背景
設計系統規劃
整體視覺以品牌 Logo 的藍綠色作為主色系延伸，搭配輔助色彩讓畫面更有層次，使版面更具活力與辨識度。
此外，背景用現代灰色石灰岩紋理背景作為點綴，也營造沉穩且現代感的品牌氛圍，透過細緻的材質表現提升整體質感
- #033641
- #125563
- #1A7184
- #3A93A7
- #CEE5E9
- #B8D5AA
- #3E4801
- #E69D26
- #C51919
- #000000
中文字體
思源黑體 | Noto Sans TC、思源宋體 | Noto Serif CJK TC
視覺特色
使用豐富餐飲圖片，聚焦於品牌故事與產品，提升閱讀體驗
品牌識別色延伸整體視覺，搭配自然石材紋理背景，塑造現代與溫度的品牌形象。
用大量留白的版面配置，豐富的圓弧造型圖像，建立清晰的視覺層級，讓畫面更有豐富性與閱讀舒適度。
人物情境照建立品牌親和性與互動感
版面左右分欄設計，左側層級式排版展現加盟優勢，提升資訊閱讀效率，右側搭配人物形象照，增添親和力與品牌信任感，平衡左側的文字內容的視覺重量。
並延續品牌色以淺色背景降低閱讀負擔，搭配明確的 CTA （行動呼籲）按鈕，引導有意加盟者快速了解相關資訊並採取下一步行動。
簡約的版面與留白，營造沉靜、溫暖的氛圍
以餐點形象照作為視覺焦點，加上文字呈現品牌故事，建立清楚的資訊層級，下方搭配料理製作情境照片， 強化品牌精神與新鮮現做的特色，使品牌價值能透過視覺更完整地傳達。
卡片式的設計，將各階層資訊模組化呈現
為了讓使用者快速辨識，降低大量文字的閱讀壓力，使流程更加清楚且易於理解， 每個步驟有對應 Icon圖像與流程順序。同時延續品牌識別色，使流程資訊呈現更加有條理。
多欄式的排版，讓多樣的餐點品項完整展示
使用破格設計的餐點主圖製造視覺焦點，加上文字層次明確區分，底部則延續品牌色並加上半弧形圓角的標籤突顯價格，讓使用者能在第一時間獲取價位資訊。