向登群建築師事務所 Hsiang Architects

前往向登群建築師事務所官網 ↗

向登群建築師事務所（HSIANG TEN CHUN ARCHITECTS）官方網站之現代化重構工程。以「建築是乘載生活的容器，在理性結構與生活光影中尋找平衡」為核心設計哲學，結合極簡清水模、建築藍圖網格與空間工藝美學，打造高效能、現代化的數位建築展館與業務中樞。

核心功能與頁面模組

• 首頁業務與實績中樞：大器 Hero 主視覺、15+ 年資歷與 113+ 實績跳動計數器、6 大精選代表作卡片、AEO 結構化常見問答（FAQ）。
• 113 筆完整建案實績資料庫：收錄歷年 7 大類型（連棟住宅、住宅大樓、獨棟莊園、設計提案、公共設施、廠房商辦、旅館民宿）共 113 筆建築作品。支援 7 類即時過濾、防抖關鍵字搜尋、規格檢視與多圖燈箱瀏覽。
• 中英雙語系完整國際化：全站 5 大主頁面均具備專屬 /en/ 獨立英文版路由、URL 參數同步與無縫即時切換。
• 設計哲學與團隊陣容：深度論述四大設計理念（生活容器、結構理性、風土回應、尺度細部），並詳載向登群主持建築師與洪偉勛協同建築師執照經歷。
• 業務委託諮詢體系：士林事務所地圖導航、電話/傳真直撥、營業時間說明與專案委託需求留言表單。

技術架構與極致效能

• 高效能純原生前端架構：現代純原生 Vanilla JavaScript + Tailwind CSS CDN，免打包構建流程，首屏極致秒開（零打包 Overhead）。
• GSAP 3 建築工藝級動態引擎：整合 GSAP 與 ScrollTrigger，實現細緻平滑的視差滾動（Parallax）、計數跳動、平滑篩選與圖輯燈箱。
• Cloudflare Pages 全球邊緣託管：Edge 節點極速分發，配置 _headers 安全防護與靜態資源長效快取；透過 _redirects 支援舊版 /archproject 301 永久轉址相容。
• SEO / GEO / AEO 答案引擎優化：
  • 全站 100% 覆蓋 ArchitecturalService、WebSite、BreadcrumbList、FAQPage、CreativeWork 等 Schema.org 語意結構化標記。
  • 台北士林經緯度在地座標與在地實體標記。
  • 提供標準化 /llms.txt 與 /llms-full.txt 實體知識庫，支援 AI 答案引擎（SearchGPT、ClaudeBot、PerplexityBot）精準索引。
• GA4 業務轉換全自動追蹤：自研 analytics.js 模組，精確捕獲委託表單送出 (generate_lead)、建案作品點閱 (view_item)、電話點擊與 Google 地圖導航互動。