【制作の背景と目的】 地元の地域子育て支援センターの公式独立サイトはなく、関連情報は区役所の広大なWEBサイト内の複数のページに分散して掲載されていました。そのため、初見のユーザーにとっては「いつ、どこで、何のイベントが開催されているか」を網羅して把握することが非常に難しいという課題がありました。 日々忙しい親御さんが、スマホで探したい情報に一瞬でたどり着き、安心して施設を利用できるよう、分散していた情報を1つに集約。親子のための分かりやすいホームページとして1から再構築(リデザイン)しました。
【デザイン・設計のポイント(5W1Hに基づく工夫)】
1. 分散していた情報を一元化した「イベントカレンダー」
区役所サイト内のあちこちに散らばっていたイベント情報を集約し、トップページの一番見やすい位置に直感的なカレンダーとして配置しました。「いつ(When)」「なに(What)」が行われるかが一目で分かり、スクショ感覚で手軽に予定を確認できるようにしています。
2. 親子の日常に寄り添う、温かく安心感のあるビジュアル
初めて施設を訪れる際の「どんな場所だろう?」という不安を解消するため、親しみやすいイラストや丸みのあるフォント、明るく優しいカラーを採用しました。施設のあたたかい雰囲気を視覚的に伝えることで、「ここなら行ってみたい」と思える安心感を醸成しています。
3. スマホファーストなUI設計と、迷わせない導線
ターゲットの多くは、片手でお子さんを抱っこしながらスマホを操作する状況を想定し、タップしやすいボタンサイズや、スクロールしやすい縦長1カラムのレイアウトを意識しました。また、開館時間やアクセス(How)など、家を出る直前に確認したい重要情報へすぐにアクセスできる固定メニューを配置しています。
【制作概要】
* 制作期間: 2日間
* 担当範囲: 課題抽出、情報設計(ワイヤーフレーム)、UIデザイン、イラスト・素材制作
* 使用ツール: Figma、Illustrator、photoshop