網頁設計-蘋果網頁設計公司
企業形象 RWD 網頁設計 UI/UX 設計

法杰甜點

首頁 Banner 以大圖輪播呈現主打商品與系列,能在第一屏快速建立記憶點。中段採用圖像+短文案的卡片式設計,資訊密度剛好、易掃讀,有效引導至購買或流程說明頁。商品區則以縮圖卡片呈現「品名+簡述+價格+加入購物車」,導購語意明確,能提高 CTA 行為。
 
專案概述
設計風格與整體氛圍:網站整體風格偏「法式甜點品牌+輕電商」路線,以大圖視覺與產品導購並行呈現。首頁用主視覺輪播帶出主打品項,並以「宅配專區/生日蛋糕/訂購流程」等區塊快速分流需求,讓訪客一進站就能理解品牌主軸是「職人手作、法式工藝、可訂購」。整體氛圍乾淨、有質感,重點放在甜點攝影與品牌故事。 網站架構 UI/UX:UI 架構清楚,採用常見品牌電商動線:上方主選單+會員登入註冊+購物車,讓使用者能快速切換「了解品牌」與「直接購買」兩種意圖。首頁亦提供快速入口,並在下方提供聯絡與資訊區塊,整體 UX 以「最短路徑完成選購」為核心,對首次訪客與回購客都友善。 內容表現與技術細節:首頁 Banner 以大圖輪播呈現主打商品與系列,能在第一屏快速建立記憶點。中段採用圖像+短文案的卡片式設計,資訊密度剛好、易掃讀,有效引導至購買或流程說明頁。商品區則以縮圖卡片呈現「品名+簡述+價格+加入購物車」,導購語意明確,能提高 CTA 行為。
  • Client 法杰甜點 Fajer Dessert
  • Services 網站企劃, UI/UX 設計, 電商系統建置
  • Case Number W1999
前往真實網站觀看
 
色彩計畫
色彩以白底與黑字為主,搭配深邃的海軍藍與香檳金作為輔助。極簡底色讓版面留白充足、閱讀壓力低,同時把視覺焦點交給高品質的甜點攝影,有效提升甜點的精緻感與食慾吸引力。
 
#1A2639
 
#C5A880
 
#F9F6F0
 
字體設定
Noto Sans TC
Regular / 內文 職人手作 法式工藝
Medium / 小標題 職人手作 法式工藝
Bold / 大標題 職人手作 法式工藝
介面展示
細緻的視覺層次與響應式佈局
桌面版展示
手機版選單
手機版內頁
背景裝飾