專案背景
客戶的舊網站是五年前找學生做的,手機版幾乎無法使用,圖片也很小張,他們的料理其實視覺很好看,但在網路上完全呈現不出來。更實際的問題是他們沒有辦法自己更新內容——改個菜單要找工程師,一等就是好幾天。
設計稿改了兩輪。第一版我們做了偏現代極簡的風格,客戶說「太冷了,我們的東西是暖的」,然後拿出一疊食物攝影和餐廳照片讓我們參考。第二版加了更多暖色系、手感材質的背景紋理,他們看了才說 OK。門市地圖那塊整合了 Google Maps Embed API,支援點擊直接開啟導航,這個功能是我們自己提議加的,因為外縣市的顧客找店最常需要的就是這個。
後台用 Payload CMS,行銷人員自己試用了半天就上手了,菜單更新、活動公告、門市資訊全部自己來,不用再找我們。
介面展示
品牌首頁 Hero
Hero 區以全幅食物攝影搭配品牌標語,行動版字體與按鈕尺寸特別放大,方便外食族快速行動。
菜單展示頁面
菜單頁依類別分頁呈現,每道菜附上食材說明與熱量資訊,後台更新後網站即時同步。
門市查詢地圖
門市地圖整合 Google Maps,支援依縣市篩選,點擊門市卡片可直接開啟導航。
線上訂位表單
線上訂位表單串接既有訂位系統 API,選完日期人數後即時顯示可用時段,三步完成預約。
專案成果
↑ 124%
自然搜尋流量
三個月 SEO 累積
月均 800+
官方線上訂位
串接既有訂位系統 API
72% → 34%
跳出率
行動版體驗重做後
專案資訊
- 客戶
- 鮮o軒台式料理
- 類型
- 官方網站
- 完成時間
- 2024年8月