市立ダーウィン動物園

“どこへ行けばいい？”を、ゼロにする。

Overview

動物園サイトは情報が多く、家族連れは「時間・混雑・子どもの気分」で判断が変わります。
そこで本制作では、チケット購入・園内マップ・見どころ・コース提案・どうぶつ図鑑を整理し、“迷う前に次が見える”導線を優先しました。

Challenge

課題は「来園前の不安」と「園内での迷い」。
・どこから回るべきか決められない
・子どもが見たい動物にすぐ辿り着けない
・マップが見づらく、拡大しても位置を見失う
この“つまずき”が回遊や満足度を下げやすい点が課題でした。

Solution

• 「今日の見どころ」で入口を作り、短時間でも満足できる回遊を提案
• 3つのコース（時間別）で“回り方”を先に決められる
• 園内マップは拡大表示＋クリック中心ズームで、見たい地点を見失わない
• どうぶつ図鑑は絞り込み＋クイズで、学びと体験をセット化

Highlights

• 園内マップのズームUIで、現在位置を見失わない閲覧体験。
• 時間別コース提案で「どう回る？」の迷いを解消。
• どうぶつ図鑑＋クイズで、学びと回遊をセット化。

Design

白基調に、やさしい彩度のアクセントで“清潔感とワクワク”を両立。
子ども向けの楽しさを出しつつ、保護者が安心できる可読性・余白・ボタン階層を整えています。

Result

情報量の多い施設サイトでも、導線を“体験”に変換することで迷いを減らし、見どころ→マップ→コース→どうぶつの流れで回遊が自然に伸びる構成になりました。

Role & Deliverables

• 情報設計：来園前〜園内回遊の導線設計
• UI設計：マップズーム / フィルター / クイズ導線
• 制作：HTML / CSS / JavaScript