客製化網站設計

日常小室咖啡

## 一、專案概述 多數巷弄咖啡館的網站常陷入兩大困境：要麼畫面雜亂、無法還原店內溫柔氛圍，要麼只簡單放上菜單，缺少預約、空間展示等實用轉換功能，難以吸引顧客到店消費。「日常小室咖啡」主打慢步調日系奶油原木風，以自然光、木質空間、手沖咖啡與手工甜點為核心品牌特色，客戶需求是打造一間能完整傳遞「放鬆停留」氛圍的形象官網，不只做菜單展示，更要透過視覺氛圍、清晰資訊引導顧客線上預約，建立線上品牌門面，提升在地曝光與到店人潮。 本專案採 Wordpress 搭配 Elementor 視覺化搭建，全程以 LINE、Google Drive 遠距協作完成，完美落地日系溫潤簡約美學，同時整合菜單分類、空間相簿、營業資訊、LINE 預約四大核心功能，兼顧視覺美感、行動裝置瀏覽體驗與基礎 SEO 優化，是適合中小型餐飲、咖啡品牌的標準形象官網示範案例。 ## 二、客戶需求與設計定位拆解 店家核心經營理念為「把生活節奏放慢」，店內以淺木色、自然光、柔和奶油色為空間基調，客戶明確提出三大建站需求：第一，網站視覺必須完全貼合店內日系奶油原木風，透過留白、柔和色調、寫實空間照片還原門店氛圍，給使用者放鬆舒適的瀏覽感受；第二，資訊架構簡單直覺，顧客打開網站可快速找到咖啡、甜點品項、店內環境、營業時間與預約管道；第三，後台操作簡單，店家可自主更新季節甜點、營業異動，無需依賴開發人員，同時提升在地咖啡關鍵字搜尋曝光。 視覺定位捨棄濃重色彩與繁雜裝飾，以米白、淺木灰作為全站基底，大量運用店內自然光實拍圖做為版面主視覺，透過大面積留白降低閱讀壓力，字體選用輕柔無襯線字型，搭配簡潔線條區塊，完整還原巷弄咖啡館安靜、溫暖的品牌調性，讓使用者瀏覽時就能提前感受到店的放鬆氛圍。 ## 三、網站架構、功能與技術執行細節 全站規劃首頁、咖啡、甜點、環境、預約五大獨立頁面，資訊邏輯完全依照顧客造訪咖啡館的資訊需求排序：首頁首屏直接露出品牌核心理念，快速建立品牌印象；中段分類展示手沖、拿鐵、戚風蛋糕等招牌品項，清晰區分咖啡與甜點兩大品類；空間相簿模塊集中展示窗邊座位、木質吧台等店內特色場景，強化空間吸引力；底部完整標示營業時間、門店地址、電話與 LINE 一鍵預約入口，打造完整到店路徑。 技術層面以 Wordpress 為底層 CMS，使用 Elementor 模組化開發，所有頁面皆支援 RWD 響應式排版，手機、平板、電腦畫面自動調整，解決消費者手機查詢資訊排版混亂的問題。開發階段同步完成基礎 SEO 布局，針對巷弄咖啡、手沖咖啡、甜點咖啡館等地區關鍵字優化標題與內文；所有圖片輕量化壓縮，兼顧畫面質感與網站載入速度。 製作流程採標準遠距協作模式：客戶透過 Google Drive 上傳空間、餐點實拍圖與文案，LINE 同步調整意見，Email 留存正式確認紀錄，全程不需實體面談，7-10 個工作天完成設計、修改、測試與上線交付，後續店家可自主透過後台新增季節餐點、更新營業資訊，長期維護零門檻。 ## 四、專案亮點與落地價值 相較市面多數咖啡網站過度堆砌餐點圖片，本網站最大特色是「氛圍優先」，以品牌理念作為版面核心，透過統一柔和視覺建立記憶點，而非單純陳列商品。全站每個區塊都埋設預約導流按鈕，引導使用者透過 LINE 線上訂位，直接解決店家顧客預約分散、難以統一管理的營運痛點。 同時完整驗證中小餐飲品牌低預算建站可行性，在固定總額標準方案內，同時實現品牌形象展示、菜單分類、空間美學、預約轉換、搜尋曝光五大價值，不需額外加價增購功能。網站上線後做為店家專屬線上

使用的技能專長

• WordPress
• Elementor
• 網頁設計
• AI整合