首頁/全部作品/Artisan Coffee Roasters
品牌網站
品牌網站

Artisan Coffee Roasters

2024 年 9 月全端設計開發2024

專案簡介

為精品咖啡品牌打造的沉浸式形象網站,強調職人精神與現代美學的結合。從深焙豆的琥珀色調延伸出整體設計語言,搭配流暢的滾動動效。

設計理念

品牌的靈魂在於細節。我從咖啡烘焙的色溫變化汲取靈感,以深琥珀為主調,搭配奶油白的留白,讓每個頁面都像是一張精心構圖的咖啡攝影。動效設計採用慢速淡入,呼應咖啡萃取的悠然節奏。

挑戰與解法

客戶希望網站既能展示工藝精神,又需在三秒內說服訪客下單。我以「職人故事線」串起購物旅程,在情感共鳴後自然引導轉換,最終讓購物車點擊率提升 38%。

專案成果

  • 沉浸式全屏 Hero 影片背景,壓縮後加載不超過 2s
  • 自訂 Parallax 滾動,在烘豆故事頁創造深度空間感
  • 結帳流程從 5 步縮減至 3 步,轉換率提升 38%
  • 支援中英文切換,SEO 優化後首月自然流量成長 2.4×

Related Works

查看全部
返回所有作品