幼稚園・保育園ホームページ制作を検討している方必見！デザインやイラストが可愛いサイト20選

インターネット上での情報収集が一般的である現在、園のホームページは「施設の顔」ともいえる存在ですよね。
幼稚園・保育園のホームページを制作しようと思ったとき、必ず調べておきたいのがホームページのデザインです。
デザインを工夫すると、「やさしい」「明るい」「知的」「活発」などの一番アピールしたい面を適確に伝えることができます。

そこで今回は、幼稚園・保育園の可愛いホームページを20サイトまとめました。
写真やイラストをうまく使った魅力的なデザインがたくさんあります。
園児募集や満足度アップにつながるホームページを作るために、ぜひ参考にしてみてください。

写真や動画が可愛いデザイン

園のホームページといえば、元気な子供たちの写真をイメージする方も多いのではないでしょうか。まずは、写真素材を活かしたサイトを紹介します。

あわじ幼稚園・あわじ保育園

出典：あわじ幼稚園・あわじ保育園

「あわじ幼稚園・あわじ保育園」は、大阪府大阪市にある施設です。
幼稚園と保育園は隣り合わせに立っているものの、住所やニーズが異なります。そんな中で、トップページを大胆に2つに区切ることでわかりやすく表示しています。
子供たちの写真と文字で、ブルーとピンクにさりげなく色分けがされているのが特徴です。

富士保育園

出典：富士保育園

「富士保育園」は、静岡県熱海市にある施設。
トップ画像で使用されている、はじけるような笑顔の女の子が印象的です。シンプルな作りのホームページですが、ひとつひとつの写真が記憶に残り、読みやすくまとめてあります。

わかば保育園

出典：わかば保育園

「わかば保育園」は大阪府羽曳野市にある施設です。
写真が切り替わるたびに丸いぼかしが入る設計で、見る人を楽しませてくれます。FacebookやInstagramのアカウントもあり、スマホ世代の保護者との親和性も高いですね。

ろっくひよこプリスクール

出典：ろっくひよこプリスクール

「ろっくひよこプリスクール」は、群馬県前橋市にある施設です。
四角くカットした写真が、数秒ごとに入れ替わるデザイン。園舎は全画面に写し出し、インパクトの強弱をつけています。サイドメニューは固定されており、スライドしても見やすいのがポイントです。

おおやけこども園

出典：おおやけこども園

「おおやけこども園」は京都府京都市にある施設。
トップは動画を使用していて、園の様子を詳しく知ることができます。特に、ドッジボールやお絵描きに夢中になる園児の姿が素敵です。また、バラバラになるがちな複数の素材を、うまくイラストでつなげています。

任天会

出典：任天会

「任天会」は、三重・愛知・大阪・兵庫・滋賀エリアを中心に、こども園や保育園を運営している法人です。
「育ちの森」「学びの森」を育む精神が、自然とふれあう園児の写真で表現されています。テーマカラーはグリーンで統一され、のびのびとした園の雰囲気が伝わりますね。

浦和つくし幼稚園

出典：浦和つくし幼稚園

「浦和つくし幼稚園」は、埼玉県さいたま市にある施設です。
ファーストビューには、大胆に動画を使用。園者や子供たちの様子がよくわかります。下にスライドしていくごとに動きのあるアイコンが表示される、ユニークなデザインです。

イラストが可愛いデザイン

続いて、可愛いイラストを使ったサイトを見ていきましょう。写真とイラストを組み合わせると、バリエーションがさらに広がります。

神港みどり幼稚園

出典：神港みどり幼稚園

「神港みどり幼稚園」は、兵庫県神戸市にある施設。
アニメーションと文字だけで構成されており、知りたい情報を瞬時に見つけることができます。実際に子供を通わせる際に気になる「バス通園について」のリンクを、サイト上部に持ってきているのが特徴です。

豊岡ひまわり保育園

出典：豊岡ひまわり保育園

「豊岡ひまわり保育園」は神奈川県横浜市にある施設です。
ひまわりのイラストと子供たちの写真がよくマッチしていますね。背景をブルーにすることで、青空の中にいるような開放感のある雰囲気にまとめています。

高木学園附属幼稚園

出典：高木学園附属幼稚園

「高木学園附属幼稚園」は、神奈川県横浜市にある施設。
幼稚園のホームページにありそうでない、エキゾチックなイラストを使用しています。写真のまわりをラウンド状にカットすると、やさしい印象を与えますね。

もぐし海のこども園

出典：もぐし海のこども園

「もぐし海のこども園」は、熊本県天草市にある施設です。
港町の特徴を活かした、海をテーマにしたデザインです。「自然にタッチ」のページは子供が遊べる仕組みになっていて、園に親しみを持ちやすくなるでしょう。

メロン幼稚園

出典：メロン幼稚園

「メロン幼稚園」は、石川県金沢市にある施設です。
メロンのキャラクターを随所に配置し、名前を覚えやすくなる工夫がされています。また、トップ画像のすぐ下には幼稚園のPVを設置。イラスト＋動画でさまざまな角度からアプローチしています。

きりん夜間愛育園

出典：きりん夜間愛育園

「きりん夜間愛育園」は、大阪府吹田市にある施設。
キリンのイラストとキャッチフレーズがあたたかみを感じさせます。夜の園舎の外観がわかると、夜遅くまで子供を預ける保護者でもお迎えのイメージがつきやすいすね。

にこにこキッズ

出典：にこにこキッズ

「にこにこキッズ」は大阪府大阪市にある施設です。
サイドのツリーや動物たちがとてもにぎやか。写真のスライドペースが早すぎず遅すぎず、ほどよいテンポ感を演出しています。

世界観をアピールした可愛いデザイン

ホームページは可愛さだけでなく、園ならではの世界観を伝えることも重要です。動きや色味を工夫すると、閲覧者の印象に残すことができます。

どろんこ会

出典：どろんこ会

「どろんこ会」は、沖縄から東北までの保育園や発達支援施設を運営しているグループです。
トップの動画では、泥にまみれて遊ぶ姿・配膳をする姿・坐禅をする姿などさまざまなシーンを垣間見ることができます。ただ笑顔の写真を掲載するだけでなく、何かに夢中になっている様子を掲載すると、より深いアピールができますね。

穂積幼稚園

出典：穂積幼稚園

「穂積幼稚園」は、大阪府豊中市にある施設です。
ベースとなっているブラウンは、「自然」「知性」をイメージさせるカラー。「やりたい、やってみたい」という自発的な興味を大切にするというコンセプトが、自由に遊ぶ子供たちのトップ画像1枚で伝わります。

すかわ保育園

出典：すかわ保育園

「すかわ保育園」は、長崎県南島原市にある施設です。
写真が切り替わるごとに「たくさんの○○をここから」の文字が変化します。動きの多いサイト設計で、サイト全体を通して動画を見ているかのような感覚になります。

ふじようちえん

出典：ふじようちえん

「ふじようちえん」は、東京都立川市にある施設です。
園舎の上空に大きくタイトルロゴをあしらったデザイン。子供たちを自由に遊ばせている様子がわかります。トップページは文字量を最小限におさえ、詳細はリンクをクリックして調べられるようになっています。

オブリージュインターナショナル幼稚舎

出典：オブリージュインターナショナル幼稚舎

「オブリージュインターナショナル幼稚舎」は、岐阜県岐阜市と各務原市にある施設です。
インターナショナルらしい、海外の先生たちが楽しく授業をしている画像が多く使われています。パステルブルーは、「落ち着き」や「優しさ」をイメージさせるカラーです。

Tokyo International Kindercare

出典：Tokyo International Kindercare

「Tokyo International Kindercare」は、東京都港区と世田谷区にある施設。
「！」と「？」のイラストを上手に使い、写真に動きやストーリー性を出しています。先ほどのインターナショナルスクールよりも、子供たちに焦点を当てた画像が多いのが特徴です。

まとめ：ホームページの印象はデザインで決まる

幼稚園・保育園の可愛いホームページを紹介してきました。
園のサイトには多様なデザインがあり、どの色や素材を使うかでさまざまな印象を与えることができます。

ぜひ園のアピールポイントをうまく取り入れながら、素敵なホームページを作ってみてください。