雲林室內設計 · 空間美學從細節開始
2026
歆晨設計 XINCHEN DESIGN 為深耕雲林的室內設計團隊，提供住宅、商業空間與老屋翻新的整體規劃，並涵蓋室內設計與建築設計兩大領域。品牌主張「傾聽屋主的想法、陪同探索生活習慣」，依循每位屋主的生活方式發掘專屬的空間美感。
官網以「沐歆之所 · 晨光之境」為核心意象，需在第一屏即傳達品牌的光感生活美學，並完整呈現作品集、設計團隊、服務項目、合作品牌與常見問題，讓潛在屋主能快速建立信任並發起諮詢。
前端採用 Astro 5 搭配 Vue 3 互動元件與 TailwindCSS，後端以 Laravel headless CMS 透過 GraphQL 供稿，讓作品、團隊、合作品牌與 FAQ 皆可由業主自行於後台維護，兼顧視覺質感與內容更新彈性。
以「沐歆之所 · 晨光之境」為主標，搭配多張實景作品全螢幕輪播，輔以頁碼指示與觸控滑動，第一眼即傳達品牌的光感生活美學
依空間類型（客廳、臥室、廚房）與設計風格（北歐風、奶油風）整理作品集，使用者可快速篩選並進入單一案例的多圖呈現
每件作品以大圖陳列、空間敘事與屋主需求說明構成，呈現「傾聽屋主想法、依循生活方式」的設計脈絡
介紹歆晨設計團隊的設計理念與專業背景，建立屋主對在地設計團隊的信任感
清楚劃分室內設計與建築設計兩大服務領域，並涵蓋住宅、商空、老屋翻新等情境，協助屋主對應自身需求
以品牌 logo 牆呈現合作建材與家具品牌（BRANDS），強化選材專業度與工程品質的可信度
以手風琴形式整理設計流程、收費方式、工期等常見疑問，降低諮詢門檻並強化 AEO 結構化資料
提供線上諮詢預約表單，整合欄位驗證與通知信，讓潛在屋主能直接留下需求並由團隊跟進
前端以 Astro 5 建構，內容頁面以靜態生成 (SSG) 為主、Vue 3 Islands 為輔，僅在輪播、作品篩選等互動區塊載入 JavaScript，確保大量作品照片頁面仍維持輕量與毫秒級首屏。
Hero 以 Vue 3 SFC 製作全螢幕作品輪播，支援自動播放、頁碼指示與行動裝置觸控滑動，並針對 prefers-reduced-motion 提供降階處理，兼顧視覺敘事與無障礙體驗。
作品集依空間類型（客廳、臥室、廚房）與設計風格（北歐風、奶油風）建立分類，前端透過 Vue 互動元件即時篩選，並以響應式圖庫網格呈現，讓屋主能依偏好快速找到對應案例。
後端採 Laravel 作為 headless CMS，透過 GraphQL 供稿，作品、團隊、服務項目、合作品牌與 FAQ 皆可由業主於後台自行維護，前端依需求只取必要欄位，降低傳輸量並維持內容更新彈性。
室內設計官網以大量高解析作品照片為主，採 WebP / AVIF 雙格式輸出、響應式 srcset 與 lazy loading 策略，確保桌機與行動裝置皆達到 LCP < 2.5s 的 Core Web Vitals 標準。
針對「雲林室內設計」等在地關鍵字客製 meta tags 與 Open Graph 圖檔，並以 LocalBusiness、Organization、BreadcrumbList、FAQPage JSON-LD Schema 強化結構化資料，搭配 sitemap.xml 自動產生與多語 hreflang，提升 Google 與社群分享呈現。
透過 Netlify 進行 CI/CD 與全球 CDN 部署，諮詢表單整合欄位驗證與通知信流程，讓潛在屋主能直接留下需求並由設計團隊跟進。
