保育園・幼稚園のホームページデザイン参考事例と作成方法

大切なお子様を保育園・幼稚園に預けようと考えた際、環境や安全はもちろん、どのような年間行事があるか、入園までの手続き方法などを事前に知っておきたいと思うのが当たり前ではないでしょうか？

子育てをしている保護者の方の時間は限られており、その中で保育園・幼稚園選びをするために、まず目にするのがホームページです。

手元のスマートフォンから簡単に検索できるようになった今、知りたい情報が簡潔にまとまっており、かつ「この保育園・幼稚園なら自分の子供を任せたい」と思わせるホームページを準備するのが大切です。

しかし、実際ホームページを作成するにあたり、どのようなページを作ればいいのか分からないという方が多いのではないでしょうか？

そこで、今回は業種別ホームページ運用法の第七弾として、幼稚園・保育園向けのホームページに必要なページと、そのページ内容についてご紹介していきます。

なお、ホームページ作成をご検討なら、BESTホームページをご検討ください。

ホームページを作る際は、参考となるデザインやイメージを持っておくことが大切です。
ここでは、保育園・幼稚園のホームページ事例をいくつかご紹介しますので、ご自身が想定しているデザインやレイアウトの参考になる部分を探してみてください。

１-１．こくぶ幼稚園

こくぶ幼稚園は、福岡県久留米市にある幼稚園のホームページです。

幼稚園や教育方針、園での生活といった部分をグローバルメニューに設置し、入園に際して不安になりやすい部分をすぐに解消できる設計になっています。
また、要所で手書き風のフォントやイラストを組みあわせて、親しみやすさや温かさを強調している点も特徴です。

知りたい情報をすぐに見つけられ親御さんが安心できる保育園・幼稚園のホームページが作りたい場合、こくぶ幼稚園のサイト設計は非常に参考になるでしょう。

１-２．おへそグループ

おへそグループは、佐賀県佐賀市にある保育園のホームページです。

ファーストビューで画面いっぱいに表示される園児の大きな写真画像にキャッチコピーを掲載し、訪れた人が思わず注目するようなインパクトを与えています。
硬い説明にならないようイラストの挿入や、テキストの強調によって読みやすさの工夫もポイントです。

キャッチコピーや画像を使うと、ユーザーへ効果的に印象づけられるので、おへそグループを参考にしてみるといいかもしれません。

１-３．浦和つくし幼稚園

学校法人秋本学園が運営している「浦和つくし幼稚園」は、埼玉県の幼稚園のホームページです。

他のホームページとの差別化として、ファーストビューには子供たちが元気に遊んでいる様子を動画にして紹介しています。
ファーストビューを見るだけで、浦和つくし幼稚園がどのような園なのかが伝わってくるはずです。

また、スクロール時にコンテンツが飛び出てくるような作りや、独特のフレームを用いたリンクページなど、オリジナリティが溢れています。
一風変わったデザイン・コンテンツで注目を集めたい、コンセプトを体現したい場合には、浦和つくし幼稚園が参考になるでしょう。

１-４．長尾幼稚園

長尾幼稚園は、大阪府枚方市にあるホームページです。

ファーストビューでは山のようにくり抜いた形で、園児たちの様子がスライドショーで映し出されています。
他の写真でもあえて凸凹にくり抜かれたような画像を用いて、子どもたちの作ったデザインを想起させ、保育園・幼稚園らしさを強調しているのもポイントです。

「保護者のみなさまへ」では、保護者のみログインできるページとなっており、セキュリティについてもこだわりが感じられます。

１-５．かえで保育園

大阪府枚方市にあるかえで保育園のホームページも参考になるはずです。

あえて子どもが描いたようなイラストを用いて、親しみやすさや幼稚園・保育園らしさを強調させています。
入園までの流れや保育園の過ごし方をトップページに掲載している点からも、保護者への安心感を第一にデザインしているのがわかるはずです。

保育園・幼稚園のホームページのターゲットとなる保護者に対して、どのようなコンテンツがあれば安心できるかが参考になるでしょう。

保育園・幼稚園向けのホームページを作成する前に、いくつかポイントを抑えておかなくてはいけません。

これから紹介するポイントをもとにすれば、スムーズかつ効率のよいホームページ制作が可能です。
では、それぞれのポイントについて見ていきましょう。

２-１．目的の明確化

ホームページ作成を行う上で、まずは目的を明確にすることが重要です。
明確な目的を持つことで、作成するページの方向性もイメージしやすくなります。

例えば、

など、ホームページで実現したいことを予め決めておきましょう。

２-２．ターゲットの設定

そこからさらに深掘りし、年齢層、家族構成、交通手段、料金、方針に対するニーズといった、入園希望をしてくださる方の特徴や目的を具体的にイメージしたうえでホームページを作成することが重要です。

また、園へ通うための交通手段として、通園バスの有無、どのあたりまでならお迎えが可能か、自宅から直接お預けする場合についてなど、親御さん側の家庭事情や住む地域、状況をイメージしたうえで「あらかじめ確認しておきたいと思う情報」を事前に記載しておくことで親切なページ構成となります。

ホームページを閲覧するターゲットを明確にし、常にユーザーファーストなホームページ作成を心がけましょう。

２-３．ホームページの目的とターゲットに合わせた情報の整理

そういった情報をすぐに見せられるよう、トップページにメニューボタンやバナーを置いて遷移を促すことや、既に入園しているお子さんの保護者の方に向けたお知らせ（お便り）を設置するなど簡潔で見やすいページ構成になるよう工夫しましょう。

また、毎日元気に遊ぶ子供たちの画像はお子さんを預けている保護者の方に安心を与えるとともに園の魅力の一つでもあるため、トップページには子供たちの写真を使ったバナーなどを多用することでより「明るさ」を表現できます。

ユーザーファーストが重要視される今、自身が保護者としてそのホームページを見に来た場合、どういった情報を求めるのか、見やすいと感じるのかをイメージするとより良いホームページとなります。

幼稚園・保育園向けホームページに多く見られるページは以下の７つです。

※当社調べ

参考： ホームページ作成ならBESTホームページ｜児童福祉業のホームページ作成事例

３-１．ホーム（トップページ）

トップページのメインビジュアルには「園の風景」、「先生と子供たち」、「子供たちが遊んでいる様子」「子供たちの笑顔」の写真や画像を置くことが多いです。

また、明るく、元気に過ごせるイメージをホームページから感じ取ってもらうために、メインビジュアル以外の写真やバナー画像のデザインも綺麗で明るい写真やポップなイラスト（動物系）を使い、子供らしさ溢れるデザインにする傾向があります。
（※明るいという点では、茶色などを使った高級感のあるデザインにすることもあります）

綺麗な写真を撮るメリットについては下記記事を参考にしてください。

参考： 画質の重要性について

また、ページ内には概ね保育目標・方針に加え、下層ページ遷移用のメニューを置くことが多いです。
既に入園済の保護者の方やそうでない方とで閲覧目的が異なるため、目的としているページへ遷移しやすい構造にすることで見やすく、使いやすい構成となります。

３-２．園の紹介

３-３．施設紹介

３-４．保育内容（一日の流れなど）

３-５．年間行事

３-６．入園案内

３-７．お知らせ（お便りなど）

保育園・幼稚園がホームページを持つのはどのような意味があるのでしょうか。
メリット・デメリットについてご紹介しますので、それぞれ見ていきましょう。

４-１．メリット

保育園・幼稚園がホームページを持つメリットは、情報発信ができる点です。

上記の情報に加え、日々の様子を掲載すれば、園内や子どもたちの様子を確認でき、より安心してお子さんを預けられます。
連絡だよりだけでは伝えきれない部分や、紙を無くしてしまった場合でも、インターネット上で確認できるのは嬉しいメリットです。

また、パスワードでログインできるページを設ければ、保護者だけが閲覧できるページを作れます。
保護者会の日程や決定事項は、プライバシーに関わる部分でもあるので、セキュリティ面の配慮も可能です。

それ以外にも、

上記のような長所もあります。

コンセプトにもよりますが、構成次第で多彩なメリットを受けられるのがホームページを作るメリットでしょう。

４-２．デメリット

一方、保育園・幼稚園のホームページ作成にはデメリットもあります。

まず1つ目が、定期更新が必要な点です。

ホームページには日々のお知らせやイベント情報の周知など、運用することが意外にも多くあります。
そのため、運用担当や当番を決める、掲載する内容を考える手間も発生してしまうでしょう。
保育士がそのまま運用を担当する場合は、引継ぎやすいようマニュアルを作成しておくといいかもしれません。

2つ目のデメリットは個人情報の取り扱いです。

園児の様子を写す場合、必ず事前許可が必要になります。
年度毎に掲載の許可を行い、許可が降りないお子さんは載せないように十分注意しましょう。

最後の3つ目は管理コストの問題です。

ホームページはサーバー代・ドメイン代の他に、制作会社に運用を任せているなら更新費用もかかります。
自分たちで運用する場合も人件費がかかりますので、予算の確保は十分にしておくべきでしょう。

５-１．デザインにこだわりすぎる

ホームページの見た目をよくしようとするあまり、デザインにこだわりすぎてしまうのはよくあるケースです。
しかし、いくらデザインがよくてもユーザーの見やすさ・使いやすさの配慮がなければ意味がありません。

訪れた人はホームページのデザインを見たいのではなく、保育園・幼稚園の情報が知りたいはずです。
そのため、ユーザーが見やすい・使いやすいデザインを前提として、こだわりをいれるよう意識しましょう。

５-２．目的を設定しないでホームページを作る

目的を設定しないままホームページを作成するのも、失敗例になりやすいケースです。
全てのホームページには、何を誰に伝えたいのかという目的が存在します。

保育園・幼稚園のホームページも例外ではなく、目的が不明瞭だと見た人に情報を十分に伝えられません。
ホームページの目的は、保育園・幼稚園によってそれぞれです。

目的が明確になると、ターゲットも決まってくるため、より見た人に刺さりやすいコンテンツの提供ができます。
入園希望者を増やしたいなら、保育園・幼稚園を探している保護者がターゲットです。
そうなると、入園についてルールや募集要項、入園後の流れ、スケジュールなどをメインに表記する必要があります。

ホームページ制作は、必ず目的を明確にしてから取りかかるようにしましょう。

５-３．運用・更新がしにくい設計にしてしまう

ホームページは公開して終わりではなく、どちらかというと日々の運用・更新がメイン業務になります。

よく失敗しがちなのが、ホームページ制作会社に依頼したのはいいものの、運用・更新がしにくく作業時間が取られてしまうケースです。
また、HTML・CSSなどのプログラミング言語で制作してもらうと、運用・更新は制作会社に依頼しなければならない場合が多いです。

そうなると、コストもかかってきてしまうので、自分たちで運用・更新を行うならその旨を伝えましょう。

また、いくらホームページの知識が豊富なスタッフがいたとしても、素人でものちのちの更新作業ができる方法で制作してもらうのがおすすめです。

そのため、ホームページ作成においても、ページに載せる内容を検討後、最後にスマートフォンで見た時にどのように見えるのかということを、PC閲覧時の見た目以上に気にかけてみてください。

公開後のページを自身のスマートフォンで確認してみて、見づらい、分かりづらいと感じるようであれば、スマートフォンでの閲覧時に見やすいと感じる構成・デザインに変更しましょう。

参考：

【初心者でも簡単】スマホ対応ホームページの作り方

スマホ対応ホームページ作成で気を付けたい６つのポイン

保育園・幼稚園のホームページを自作しようと考えているなら、弊社の「BESTホームページ」をおすすめします。

BESTホームページは難しい操作は一切不要、基本的にドラッグ＆ドロップでホームページが完成するほどの手軽さです。

業種に合わせて豊富なテンプレートデザインを用意しているため、オリジナリティを出しやすい点もBESTホームページの魅力の1つです。
また、プロのスタッフによるホームページ制作代行も承っており、自身で作成する時間が取れなくても本格的なホームページを作成できます。

初期費用は0円で月額費用6,490円からなので、イニシャルコストを抑えたい方にも最適です。

今ならBESTホームページの全機能が使える15日間の無料体験を実施しております。
この機会にぜひBESTホームページを体感して、保育園・幼稚園のホームページを完成させてみてください。

幼稚園・保育園向けホームページでは、園の紹介、年間行事、入園案内といった、入園前に確認しておきたい情報に加え、入園後の連絡・お知らせ内容の確認、年間行事の思いでを振り返るページ（写真を見にくる）といった情報掲載と連絡事項を確認する場所としての役割を保護者の方から求められています。

デザインやコンセプトは、明るい色合い、カラフルでポップな印象を与えるようなデザインが好まれる傾向があります。

色合いに関しては、原色のはっきりとした色はあまり使わず、パステルカラーよりの薄い色合いで明るさとやわらかさを表現するデザインが多いです。

また、ポップな印象を与えるデザインの場合には、動物などのイラスト画像を多用したり、バナー画像のデザインを四角ではなく、丸や花の形にしたりと「角」を無くすデザインにすることが多いです。

加えて、どのようなデザインであっても「子供たちの元気な姿」を見せるために綺麗な写真を多く掲載するということが一番保護者の方に伝わりやすい手段となります。

お客様にとって見やすいページを作ること、よりユーザーファーストなページを心がけることで、アクセス数にも繋がっていきます。

その他、ユーザーファーストなサイトマップの作り方やアクセス数の分析に役立つ情報についてはこちらも参考にしてください。

参考： SEOに強いホームページとは？制作時に行うべき対策方法を解説