制作について
神奈川県大和市で暮らす人が、災害時に必要な情報へすぐにたどり着けることを目的に制作した防災Webマップです。
避難場所・AED・水・災害対応自販機・一時滞在施設・給油場所などをカテゴリごとに地図上で確認できるようにし、「どこにある？」をできるだけ少ない操作で解決できるサイトを目指しました。
市の公式情報に代わるものではなく、必要な情報へアクセスするための“入口”として使えるサイトとして設計しています。
01
WORKS
YAMATO SAFE MAP
PROJECT
YAMATO SAFE MAP
CONCEPT
DESIGN POINT
デザインのポイント
災害時にも直感的に使えるよう、情報量を抑えたシンプルなUIと大きなカテゴリボタンを採用しました。
各施設を色とアイコンで分類し、スマートフォンからでも一目で目的の情報を探せるよう設計しています。
また、日本語をメインに英語を小さく併記し、幅広い利用者に伝わりやすい構成にしました。防災サイト特有の緊張感が強くなりすぎないよう、やわらかい配色と余白を取り入れています。
WordPressのカスタム投稿・ACF・REST APIを利用し、施設情報を管理画面から追加・更新できる仕組みを構築。Google Maps上のピンと連携させ、現在地確認やGoogle Mapsでの経路検索にも対応しました。
