向登群建築師事務所 Hsiang Architects

向登群建築士事務所の公式サイトへ ↗

向登群建築士事務所（HSIANG TEN CHUN ARCHITECTS）公式サイトの現代リニューアルプロジェクト。「建築は暮らしを包み込む器であり、合理性ある構造と生活の光と影の間に調和を見出す」というコア設計思想のもと、ミニマルな打ち放しコンクリート、建築図面グリッド、空間工芸の美学を融合させ、高い表示性能を備えた現代デジタル建築展示館およびビジネスハブを構築しました。

主要機能とページ構成

• トップページ・ビジネスと実績ハブ：洗練されたHeroビジュアル、15年以上の実績と113件以上のプロジェクト実績カウンター、6大厳選代表作カード、AEO構造化よくある質問（FAQ）。
• 113件の建築実績データベース：歴代7大カテゴリ（長屋住宅、集合住宅、戸建邸宅、設計提案、公共施設、工場・オフィスビル、ホテル・宿泊施設）の計113件に及ぶ建築プロジェクトを収録。7カテゴリのリアルタイム絞り込み、デバウンス検索、仕様確認、マルチ画像ライトボックス閲覧に対応。
• 日中英の多言語展開に対応した国際化：主要5ページすべてに独立した /en/ 英語ルートを完備し、URLパラメータ同期とスムーズなリアルタイム切り替えを提供。
• 設計思想とチーム構成：4大設計理念（暮らしの器、構造の合理性、風土への応答、スケールとディテール）を深く解説し、向登群 主宰建築士と洪偉勛 協同建築士の経歴および資格実績を詳細に掲載。
• 相談・問い合わせ窓口：士林事務所の地図ナビゲーション、電話・FAX直通リンク、営業時間案内、プロジェクト相談フォームを整備。

主要技術スタックとパフォーマンス

• 主要技術スタック：Vanilla JavaScript、Tailwind CSS CDN、GSAP 3 / ScrollTrigger、Cloudflare Pages、およびSchema.org / llms.txt によるSEO、GEO、AEO最適化。
• 高パフォーマンスな純粋ネイティブフロントエンド：現代ネイティブVanilla JavaScript + Tailwind CSS CDNを採用し、バンドル不要の構成でファーストビューの極めて高速な初期表示を実現。
• GSAP 3 建築工芸クラスのアニメーションエンジン：GSAPとScrollTriggerを統合し、滑らかなパララックススクロール、カウンターアニメーション、スムーズなフィルタリング、ライトボックス表示を実装。
• Cloudflare Pages グローバルエッジホスティング：エッジネットワークによる超高速配信、_headers セキュリティヘッダーとスタティックアセットの長期キャッシュ設定、_redirects による旧 /archproject からの301恒久転送に対応。
• SEO / GEO / AEO 回答エンジン最適化：
  • サイト全体で ArchitecturalService、WebSite、BreadcrumbList、FAQPage、CreativeWork などSchema.org構造化データを100%網羅。
  • 台北市士林区の緯度経度ローカル座標とローカルエンティティマークアップを実施。
  • 標準化された /llms.txt および /llms-full.txt エンティティナレッジベースを提供し、AI回答エンジン（SearchGPT、ClaudeBot、PerplexityBot）による正確なインデックスを支援。
• GA4 コンバージョン自動追跡：独自開発の analytics.js モジュールにより、問い合わせフォーム送信（generate_lead）、建築プロジェクト閲覧（view_item）、電話タップ、Googleマップ操作などのユーザー行動を精密に計測。