建築設計事務所のコーポレートサイトをリニューアルしたプロジェクトです。Gulp + Nunjucks + Sassによる開発環境を構築し、プレムービー演出やGoogle Maps連携を含む多機能なサイトを実装しました。
特にGoogle Maps APIを活用した施設マップでは、マーカークラスタの展開アニメーションやピンのエフェクト制御など、インタラクティブな地図体験を実現。JSONデータ駆動の設計で、施設情報の更新・管理も容易な構成としました。
主な実装内容
- サイトアクセス時のプレムービー（ローディング）演出
- Google Maps APIによるインタラクティブな施設マップ
- マーカークラスタの展開アニメーション・ピンエフェクト制御
- JSONデータ駆動の施設情報管理
- 会社概要・実績ページなどのフロントエンド全般
- パフォーマンス改善（表示速度・描画最適化）