背景と課題

こちらのサイトでは、元のサイトの情報を整理し、保護者の方にとってより見やすいサイトにすることに加え、求職者の方がサイトを見て応募につながるような構成や、各園の園長先生方がご自身でお知らせを更新できるサイト作りを目指しました。

法人ページ、各保育園ページ、採用ページを作成し、それぞれのターゲットが必要な情報をわかりやすく入手できること、桔梗保育園様の特徴や雰囲気を感じられるデザインとすることを意識しました。また、これまで大切にされてきた保育に対する考えや活動についても、サイト全体で統一して伝えられるよう情報を整理しています。

情報整理と方向性

リニューアルを機に、どのページにどのような情報を掲載するのかを整理し、項目を統一しています。法人、採用、3園ある保育園について、どの情報を統一するのか、また、保護者の方がどのような情報を必要としており、何があると安心していただけるのかを考えながら、アイデアを出していきました。
また、お子様や保護者の方に日々寄り添われている園長様にも、しっかりとヒアリングを行っています。

現地にお伺いした際には、保育園の様子も見学させていただきました。
今回のサイト制作では写真撮影も行わせていただいたため、「どの角度から撮影すると雰囲気が伝わるか」「この部屋は撮影するとよさそう」など、サイトでの見せ方を考えながら見学することができ、とても有意義な時間となりました。

その後、お伺いした内容や保育園のお名前、事業内容などをもとに、アイデアを出していきます。
マインドマップを作成し、キーワードとなるイメージやサイトの方向性を書き出しながら、デザインを検討していきました。

2案のデザインをご提案した結果、最終的にはA案をベースに、シンプルで情報が見やすいサイトを目指して進行することとなりました。

制作のポイント

TOPデザイン/採用TOPデザイン

制作のコンセプトは、「風通しの良い保育園で、子どもたちがのびのびと過ごせること、また、保育士の方にとっても働きやすい環境であることを表現する」です。

最初にご提示したデザインから、よりシンプルな表現へと調整し、可愛らしさに寄りすぎず、信頼感や落ち着きを感じられるデザインに仕上げました。
ファーストビュー（サイトを開いたときに、最初に表示される範囲。）では、写真を大きく使用し、保育園の雰囲気や環境がしっかりと伝わるよう意識しました。また、複数枚の写真をスライドで見せることで、保育園のさまざまな魅力を感じていただける構成にしています。

写真の形は、桔梗保育園様が大切にされていることの一つである「風通しの良い環境」をキーワードに、流れるような曲線で表現しました。さらに、点線などのあしらいを加えることで、風が通り抜けるような軽やかさや、開放的な環境を表現しています。
プルダウンメニュー（クリックやタップすると、選択肢やメニューが下に展開される仕組み。）は吹き出しのような形で表現し、配色には法人のロゴに合わせたカラーを使用しています。シンプルながらも、温かみや親しみを感じられるよう意識しました。

各園ページデザイン

各園ページは、主に保護者の方が閲覧されることを想定し、特に確認する機会の多い「お知らせ」をファーストビューのすぐ下に配置しました。

ページを訪れてから、必要な情報へスムーズにたどり着ける構成を意識しました。プルダウンメニューやボタンなどは各園ごとに配色を変え、それぞれの園のロゴカラーをベースに、可愛らしさに寄りすぎない落ち着いた色合いへ調整して使用しました。サイト全体としての統一感を保ちながら、配色によって各園それぞれの特徴を表現しています。

また、各ページを通して写真を多く使用し、お子様がどのような環境で、どのように過ごしているのかが伝わるようにしました。保護者の方に安心してご覧いただけるサイトを意識しています。

最後に

今回のサイト制作では、法人TOP、各園ページ、採用ページと、さまざまな役割を持つページを制作しました。どのページも桔梗保育園様のサイトとして統一感を持たせながら、それぞれのページや園の特徴も感じられるよう、配色など細かな部分で違いを表現しています。
このサイトを通して、これまで以上に桔梗保育園様の魅力や、大切にされていることが伝わればと思います。