SELECTED PROJECT

迷馬TEA BAR

以溫暖活潑的甜點品牌氛圍為核心,整合杯子蛋糕、茶飲咖啡、冰心可頌、軟法餐包與客製餐盒等產品內容,打造兼具品牌故事、產品導購與訂購資訊的餐飲品牌網站。

#網頁設計 #網站製作 #餐飲網站設計 #品牌網站

SERVICE:w1857

VISIT WEBSITE
迷馬TEA BAR網站電腦版首頁設計
01 DESKTOP EXPERIENCE
迷馬TEA BAR網站手機版首頁設計
02 MOBILE EXPERIENCE

桌機版以大幅產品視覺與清楚分類呈現杯子蛋糕、茶飲、可頌與餐包等主要品項;手機版則重新整理產品瀏覽、品牌內容與訂購入口,讓消費者能更直覺地找到喜愛的甜點與餐飲服務。

WEB DESIGN BRAND EXPERIENCE RESPONSIVE DESIGN
02

PROJECT BRIEF

把甜點的幸福感,轉化成讓人想繼續探索的品牌網站

餐飲品牌網站除了呈現產品,更需要把品牌個性、安心食材與消費情境傳達給顧客,讓每一次瀏覽都自然連結到品嚐、訂購與分享。

本案以產品分類為主要瀏覽軸線,整合茶飲咖啡、杯子蛋糕、冰心可頌、夾餡軟法,以及慶生派對、會議餐盒、宴會點心與DIY活動等內容,讓不同需求的訪客能快速找到適合的產品與服務。

品牌內容則聚焦於自然食材、減少添加與安心飲食理念,搭配活潑甜美的視覺節奏,讓迷馬TEA BAR兼具親切感、產品吸引力與完整的品牌辨識度。

03

CREATIVE DIRECTION

以三個設計原則,建立有溫度又好逛的甜點品牌網站

01

用產品視覺帶出第一眼食慾

透過杯子蛋糕、茶飲、可頌與餐包等產品圖片建立首頁節奏,讓消費者一進入網站就能快速感受到品牌豐富且療癒的甜點魅力。

APPETITE
02

讓品牌理念融入瀏覽過程

將安心食材、減糖配方與品牌故事安排在產品內容之間,避免資訊過度制式,使品牌理念自然成為消費者認識迷馬的重要一環。

STORY
03

讓訂購需求快速找到入口

針對慶生派對、會議餐盒、宴會點心與活動需求建立清楚入口,讓一般消費與團體訂購都能快速進入下一步。

ORDER
04

VISUAL LANGUAGE

以溫暖甜點色彩,建立輕鬆、幸福且具食慾感的品牌印象

延續迷馬TEA BAR甜點與飲品的品牌氣質,視覺以溫暖柔和的橘杏色作為主要識別,搭配深咖啡強化文字層次,再以奶油米白平衡畫面,讓產品照片自然成為視覺焦點,也呼應品牌「用美味包圍幸福、寵愛每一天」的溫暖感受。:contentReference[oaicite:0]{index=0}

PRIMARY #E58B52 Sweet & Warm
ACCENT #5B4035 Brand Character
BALANCE #F7F0E7 Soft Reading Space
05

DIGITAL EXPERIENCE

從看到喜歡,到快速找到適合自己的甜點與訂購方式

01 產品分類快速瀏覽
02 品牌故事自然融入
03 多元訂購情境導引
04 跨裝置響應式體驗

FROM TASTE TO EXPERIENCE

好的餐飲網站,不只讓人看見美味,
更讓品牌的溫度在每一次瀏覽中被感受到。

開始您的網站計畫