- 概要
- 架空の保育園「みんなの保育園」のwebサイト・リニューアルとして作成しました。 WordPress化が未完了であるため、お問い合わせフォームやフォトギャラリーのログイン機能は実際に動作しないのでご注意ください。
- 目的
- 園への入園者数を増やしたい。
- ターゲット
20～40代・小さなお子さまがいらっしゃる働き盛りの保護者男女。職場復帰のため園への入園を希望している。楽しそうでありながらも園での様子が分かる、信頼できる保育園を探したい。
- 情報設計
- 説明箇所が多いため、「見やすい・分かりやすい」を意識してデザインしました。入園を検討している方に、知りたい情報がどこにあるのかを瞬時に理解してもらうため、情報を整理し、TOPページにてまとめて紹介しています。特に情報量の多い下層ページには、ページ内リンクを配置し、必要な情報をすぐに見つけられるようにしました。また、表を活用して情報をより簡潔に伝える工夫も取り入れています。
- デザイン
- コンセプトは、かわいく楽しいイメージ。大切なお子さまを預かる場所でもあるため、信頼感と安心感も表現しました。
保育園のロゴに使用した色をサイト内のイラストやデザイン要素にも取り入れ、統一感のあるデザインにしました。親しみやすく安心できるイメージを強調するために、背景色にほぼ白に近いアイボリーとクリーム色の2色を使用し、サイト全体を柔らかくあたたかみのあるデザインにまとめました。
また、イラストとアニメーションを多用し、動きをつけることで楽しい雰囲気を演出しました。子どもや動物のイラストはIllustratorで作成し、お鍋などのイラストはフリー素材を活用して作業の効率化を図りました。これらのイラストを水彩絵の具で描いたように加工し、淡く優しい仕上がりにすることでデザインのばらつきをなくしました。
- 制作範囲・期間
-
- 企画：12日
- デザイン / イラスト：4ヶ月
- コーディング：3ヶ月
- 使用ツール
-
- Photoshop
- Illustrator
- Adobe XD
- VSCode
