網站案例
哈比咖啡烘焙工房
精品咖啡豆烘焙專門店，提供咖啡器具、掛耳包及商業批發服務
餐飲食品
美食特產
從問題到解法
遇到的挑戰
哈比咖啡在台中豐原經營咖啡豆烘焙，代理 HARIO、KALITA、Chemex 等器材，也做咖啡機租賃與商業批發，需要一個能分系列呈現商品並分享沖煮知識的官網。
元伸的解法
我們為哈比咖啡建置品牌形象與產品展示官網，首頁 Banner 輪播當季主打商品與活動。產品專區以 Tab 頁籤切換掛耳包、咖啡器具、德國花茶與典藏杯具等六大系列；「咖啡知識達人館」分享沖煮技巧與豆種知識，「哈比 NEWS」發布最新動態，並整合 Facebook 社群連結。
網站畫面
截自現行網站（2026.10）
專案介紹
哈比咖啡烘焙工房（哈比貿易有限公司）是台中豐原的精品咖啡專門店，主營新鮮烘焙咖啡豆、濾泡式掛耳包、冰滴咖啡及各式咖啡器具耗材。品牌代理日本 HARIO、KALITA、KINTO，德國 Melitta，美國 Chemex、Fellow、Baratza 等國際知名咖啡器材，同時提供咖啡機租賃及商業咖啡豆批發服務，滿足從個人到商業客戶的多元需求。我們為哈比咖啡建置了結合品牌形象與產品展示的官方網站。首頁透過 Banner 輪播展示當季主打商品與活動資訊，產品專區以 Tab 頁籤分類切換，涵蓋掛耳包、咖啡器具、德國花茶及典藏杯具等六大系列。「咖啡知識達人館」專欄分享咖啡沖煮技巧與豆種知識，「哈比 NEWS」發布最新動態，整合 Facebook 社群連結，打造從產品認識到品牌互動的完整咖啡體驗。
用到的功能（8 項）
- 公司介紹 關於我們、經營理念、團隊介紹、品牌故事
- 營業項目 服務分類呈現，支援圖示與詳細說明頁
- 產品介紹 產品分類、規格表、圖片集、相關產品推薦
- 部落格 / 文章系統 長篇內容、標籤分類、作者管理、SEO 友善網址
- Banner 廣告管理 首頁輪播、內頁橫幅、排程上下架、點擊統計
- 聯絡我們 表單送出、自動回覆、指定收件人、防垃圾驗證
- 社群分享整合 Facebook、LINE 分享按鈕、Open Graph 設定
- SEO 站內優化 Meta 標籤管理、結構化資料、Sitemap、語意化標題
