works施設管理会社のコーポレートサイト

施設管理会社のコーポレートサイトのイメージ画像

プロジェクト概要

Summary

美術館などが入居する複合ビルを運営する施設運営会社のコーポレートサイトを新規制作。
サイト全体のデザインと細部の調整にこだわり、クライアントの要望に応じたGoogle Mapsのカスタマイズや、各ページに適したヘッダーデザインの実装を行いました。

クライアントの課題

Business Issue

本プロジェクトでは、Google Mapsを活用し、直感的に施設の位置情報を把握できるようなカスタマイズが求められました。
特に、クライアントからは「特定の地図エリアに色をつけたい」といった具体的な要望があり、実装の検証と提案が必要でした。

また、各ページの目的に応じたヘッダーデザインを適用する必要があり、統一感を保ちつつ柔軟な設計が必要でした。

達成成果

Achievements

Google Maps APIを活用し、オリジナルのピンやカスタムオーバーレイを実装することで、視認性と情報の分かりやすさを向上させました。
クライアントの要望に応じ、地図の特定エリアに色をつける方法を検証し、最適なカスタマイズを提案・実装しました。

また、サイトのブランドイメージに合わせたUIアニメーションを導入し、クライアントと密に連携しながら細部の調整を行いました。
これにより、ユーザーが直感的に情報を得られるシンプルかつ洗練されたデザインを構築しました。

システム開発/Webコンサルティングについて提案いたします

事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。

Google Mapsカスタマイズの詳細

本プロジェクトでは、Google Maps APIを用いた高度なカスタマイズを実施しました。

  • オリジナルピンの作成:複数のピンを設置し、視認性の高いデザインを適用。
  • カスタムオーバーレイの活用:Google Mapsの標準機能では難しい部分をオーバーレイで補完。
  • 地図エリアのハイライト:クライアントの要望に応じ、特定エリアに色をつけるカスタマイズを検証し、最適な実装を提案。

アニメーションとUIデザインの工夫

  • サイトのブランドイメージを考慮し、上品でシンプルなUIアニメーションを導入。
  • クライアントと相談しながら、適切な動きや演出を提案・実装。
  • 美術館の世界観を壊さないよう、派手すぎない洗練されたデザインを採用。

システム開発/Webコンサルティングについて提案いたします

事業やサービスの課題に合わせて、ご提案させていただきます。
打ち合わせでのヒアリングも可能です。

支援内容


クライアント

非公開

クレジット

プロジェクトマネジメント:サトウ(FLAT)
フロントエンド:浅井(FLAT)、後藤(FLAT)

使用技術

JavaScriptSass

使用ツール

TeamsBacklogFigma

システム開発/Webコンサルティングのお問い合わせ

事業やサービスの課題に合わせて、ご提案させていただきます。