• 幼稚園・保育園のホームページを作るなら参考にしたい。Webサイトデザイン40選!!

    「運営している幼稚園・保育園のホームページを作りたいけど、どんなデザインがいいのか分からない」という方も多いはず。
    園のイメージにも繋がりますので、しっかりと力を入れて制作したいところです。
    そこで今回は、デザインが素敵な幼稚園・保育園のホームページを40サイトご紹介します。
    ぜひ参考にしてくださいね。

    1. 浦和つくし幼稚園

    さいたま市にある浦和つくし幼稚園のサイト。トップにあるページ全体を使った動画が印象的です。スクロールするとコンテンツがアニメーションで現れるようになっています。
    手書き風のイラストや「Tsukushi.」のロゴマークが柔らかい印象を演出していますね。

    ★採用サイト

    浦和つくし幼稚園は採用サイトも魅力的です。イラストや写真、アニメーションをうまく使ったかわいらしいデザインになっています。

    2. 教学寺幼稚園

    北九州市にある教学寺幼稚園のサイト。やさしい色使いとゆる~いイラストが特徴的な、かわいらしいデザインです。ページの随所に「K」をモチーフにしたキャラクターがいるのも面白いですね。
    メニューやページトップへのリンクにオンマウスするとキャラクターが現れたり、フッターのキャラクターが振り向いたりなど、細かい仕掛けも楽しいサイトです。

    3. 社会福祉法人富士会 富士保育園

    静岡県熱海市にある富士保育園のサイト。水彩画のような手書き風のイラストが特徴的で、オレンジやグリーンなどの明るい色使いで、葉っぱやお花が散りばめられているかわいいデザイン。
    また、トップのスライドショーやメニューは丸いフォルムになっており、柔らかい印象を演出しています。

    4. 小浜こども園

    長崎県雲仙市にある小浜こども園のサイトです。テントのようにデザインされているスライドが特徴的で、メニューのアイコンや子どものイラスト、フッターの波模様など、随所にかわいらしい演出がされています。写真のクオリティも高く、楽しそうな園内の様子が伝わってきます。

    5. 押原こども園

    山梨県昭和町にある押原こども園のサイトです。園の基本方針「SMILE FOR PEOPLE」をトップに大きく表示。その下のスライドやページ中央にも、園の想いや方針をしっかり記載しています。
    パステルカラーやポップなフォント、イラストを使うことで、堅苦しくならず、柔らかい印象に仕上がっています。

    6. 国分幼稚園(こくぶ幼稚園)

    福岡県久留米市にある国分幼稚園のサイト。ブラウンを基調とした温かみのあるデザインになっています。マウスオーバー時に写真が動いたり、ページの先頭へ戻るボタンを押すとロケットが発射したりなど、さりげない仕掛けも面白いサイトです。ページ上部のスライドをはじめ、ブログ(園のきろく)やギャラリー(こくぶっ子写真館)などで園児たちの写真を多数見ることができ、園内の様子がよく分かるようになっています。

    7. たかみ幼稚園

    北九州市にあるたかみ幼稚園のサイトです。ひらがなで書かれた園名や動くイラスト、パステルカラーの色使いで、やさしい雰囲気を演出しています。
    また、外に広がるような形のスライダーも特徴的。写真のクオリティも高く、ついつい見入ってしまいます。

    8. おおやけこども園

    京都市にあるおおやけこども園のサイトです。インビジュアルの動画が目を惹きます。写真ではなく動画にすることで、園の雰囲気がリアルに伝わってきますね。
    そのほかにも保育日記やアルバムなどがあり、園児たちの様子がよく分かるようになっています。

    9. 山手こひつじ保育園

    東京都府中市にある山手こひつじ保育園のサイト。楽しそうな子どもたちの写真と、水彩画のような柔らかいイラストが印象的です。施設の見取り図やアクセスMAPなども、全て水彩画風に統一しています。シンプルな構成ですが、温かくやさしい雰囲気がよく伝わってくるサイトです。

    10. 早翠幼稚園・第二早翠幼稚園

    創立100年の歴史を持つ、福井県敦賀市の早翠幼稚園・第二早翠幼稚園のサイトです。ブラウンを基調とした落ち着いたカラーが使われており、控えめな装飾やフォントのデザインも上品な印象。
    伝統的な幼稚園らしいデザインになっています。

    11. 学校法人 弘前文化学院 文化幼稚園

    青森県弘前市にある文化幼稚園のサイト。ワンカラムのシンプルで見やすい構成です。メインビジュアルの手書き風のイラストが、温かみのある雰囲気を演出しています。
    マウスオーバー時やスクロール時のアクションもかわいらしいですね。

    12. 社会福祉法人涼風会 森の葉保育園

    千葉県流山市にある森の葉保育園のサイト。グリーンをベースにした色調や木のイラストが、園の名前にマッチしていますね。また、トップページに「2分で分かる! 森の葉保育園」というYouTube動画を埋め込むことで、園について分かりやすく伝えています。

    13. 玉里団地保育園

    鹿児島市にある玉里団地保育園のサイト。縦書きのメニューやフラッグガーランドのイラスト、星マークを使った「たまざとだんちほいくえん」の文字が印象的です。イエロー、グリーン、ブルーなど使われている色数が多いですが、落ち着いたトーンでまとめているため、派手すぎずバランスの良いデザインになっています。

    14. 学校法人 道徳学園 のだ山幼稚園

    大分市にあるのだ山幼稚園のサイトです。幼稚園のサイトはイラストなどを使用したかわいらしいデザインが多いなか、都会的で洗練されたデザインになっているのが特徴的です。
    トップページでは、園の理念・教育方針である「自然」「礼儀」「食育」を大きく表示。森の写真や小鳥のさえずりの音楽も使われており、自然との触れ合いを大切にしている園の想いがよく伝わってきます。

    15. ウェルビューいずみ こども園

    秋田市にあるウェルビューいずみ こども園のサイト。アースカラーのやさしい色調や、手書き風の柔らかな線が特徴。動くイラストもかわいらしいですね。
    トップページには園児たちの写真のほか、「お知らせ」と「きょうの給食」を大きく掲載。保護者が気になる情報が分かりやすい構造になっています。

    16. 社会福祉法人 有明会 有明保育園

    熊本市にある有明保育園のサイト。近くにある有明海を彷彿とさせる、ブルーを基調とした爽やかなデザインになっています。トップのスライドとフッターが、ゆらゆらと揺れる波の形になっているのも面白いですね。
    ポップなデザインのフォントもかわいらしく、楽しそうな雰囲気が伝わってきます。

    17. 鴨江幼稚園(学校法人 鴨江寺学園)

    60年以上の歴史を持つ、静岡県浜松市にある鴨江幼稚園のサイト。メニューやテキストは極力シンプルにして、写真を際立たせるデザインになっています。
    下部はタイル式のデザインで、マウスオーバー時のアクションも面白いです。

    18. 愛宕幼稚園

    新潟県十日町市のお寺の境内にある、愛宕幼稚園のサイトです。動きをつけた「遊んで学ぶ、学んで育つ」というキャッチコピーが印象的。お寺らしい和風の配色やイラストも素敵ですね。
    アニメーションやイラストを多く使用していますが、ごちゃごちゃしすぎず、バランスの良いデザインになっています。

    19. 社会福祉法人 翠福祉会

    兵庫県神戸市にて、「みどりこども園」「名谷みどりこども園」「学園みどりこども園」を運営している翠福祉会のサイトです。コンセプトムービーと保育理念がスライドになっており、動画ならではの情報がよく伝わってきます。また、手書き風のイラストや曲線を用いたスライド、メニューが柔らかい印象を演出していますね。

    20. 風と緑の認定こども園

    栃木県宇都宮市にある風と緑の認定こども園のサイトです。切り絵風のカラフルなメニューや、かわいい動物のイラスト、タイトルのポップなフォントなどが、明るく元気な雰囲気を演出していますね。トップページの「ようこそ!ワクワク。ドキドキのこども園へ!」というセリフにピッタリのデザインになっています。

    21. 学校法人コングレガシオン・ド・ノートルダム マルガリタ幼稚園

    東京都調布市にあるマルガリタ幼稚園のサイト。写真のスライドやGoogleインドアビューが設置されており、園内の様子がよく分かるようになっています。
    全体は水色とクリーム色のパステルカラーでまとめ、スライドは丸みのあるデザインに。やさしく柔らかい印象にデザインされています。

    22. おへそグループ

    佐賀市にて「おへそ保育園」や「おへそこども園」などの施設を運営しているおへそグループのサイトです。白とブルーを基調とした爽やかなデザイン。クオリティの高い写真と、“楽しみ、考え、認める、「個」育て。”というグループのキャッチコピーが目を惹きます。
    スクロールするとかわいらしいイラストが現れたりなど、さりげない仕掛けも面白いです。

    23. もぐし海のこども園

    熊本県天草市の港町にある、もぐし海のこども園のサイトです。砂浜のイラストや波のアニメーションなど使った、海の近くにある保育園らしいデザインになっています。
    また、メインビジュアルの写真とキャッチコピーも印象的。自然や生き物との触れ合いを大切にしている園の想いが伝わってきます。

    24. ひより保育園

    鹿児島県霧島市にあるひより保育園のサイト。画面いっぱいに広がる園児たちの写真と、“こどもたちの、「親友」でありたい。”というキャッチコピーが印象的です。白とピンクをベースにした色調、手書き風のゆる~いイラストや文字が、やさしい雰囲気を演出しています。

    25. 社会福祉法人和光会 幼保連携型認定こども園 和光

    石川県野々市にある認定こども園、和光のサイト。白とグレーを基調とした、シンプルでスタイリッシュなデザインです。オレンジ色の動物のロゴマークがポイントになっています。
    情報もすっきりとまとめられており、可読性の高い構成となっています。

    26. フローレンスの保育園

    東京や仙台で「おうち保育園」「みんなのみらいをつくる保育園」などを運営しているフローレンスのサイト。トップページに大きく使われている写真と「子どもたちの力と可能性を信じる」というキャッチコピーが印象的です。
    ワンカラムのすっきりとした構成で、メニューや見出しも大きく表示されており、情報が分かりやすいデザインとなっています。

    27. みほ幼稚園

    神奈川県横浜市にあるみほ幼稚園のサイトです。スライドやブログ、園での生活ページなどで写真を多数掲載。さらに360°パノラマビューもあり、園内の様子がよく伝わるようになっています。
    また、イラストや柔らかい色合いがかわいらしい雰囲気を演出していますね。

    28. 社会福祉法人明和会 のぞみ保育園

    佐賀県多久市にあるのぞみ保育園のサイト。グリーンを基調としたやさしい色調でまとめられています。マウスオーバー時のアクションもかわいらしいですね。
    トップページでは園が導入している「マイバ方式保育」について詳しく説明。テキストだけでなく動画を使うことで、情報を分かりやすく伝えています。

    29. ほほえみ保育園

    岡山市にあるほほえみ保育園のサイト。ページ遷移せず、1ページで完結するスタイルが特徴的です。イエロー、ピンク、水色といったパステルカラーでデザインされており、柔らかくやさしい雰囲気を演出しています。メインビジュアルの写真の動きもかわいらしいですね。

    30. 学校法人高井学園 諏訪幼稚園

    岐阜市にある諏訪幼稚園のサイトです。メインビジュアルは自然の中で過ごすこどもたちの写真。また、山や葉っぱ、虫など、自然をイメージさせるイラストも随所に描かれています。
    園の教育理念である「豊かな自然に恵まれ、仲間と共に育つ幼稚園。」という言葉にピッタリのデザインです。

    31. しゃらこども園

    鹿児島県曽於市にあるしゃらこども園のサイト。情報が整理されたシンプルで見やすいデザインです。カラーは淡い色調でまとめ、柔らかい雰囲気を演出していますね。
    イベントカレンダー、アルバム、今月の給食といった保護者が気になる情報を分かりやすく表示するなど、利便性も考慮されています。

    32. あひる保育園

    兵庫県宝塚市にあるあひる保育園のサイト。イエローベースの明るい色調と、円を使用したポップでかわいらしいデザインが印象的です。
    ヘッダーと左カラムにメニューがあり、豊富な情報を分かりやすくまとめています。

    33. ぽれぽれ幼稚園

    神奈川県横浜市と東京都大田区にあるぽれぽれ幼稚園のサイト。異文化交流を大切にしており、英語のプログラムを実施しているのが特徴です。
    トップページでは外国人講師と子どもたちの写真を載せ、園の特色を表しています。マウスオーバー時にイラストが現れる仕掛けなどもあり、見ていて楽しいサイトです。

    34. 社会福祉法人 中部学院福祉会 常磐保育園

    岐阜市にある常磐保育園のサイト。ベージュやパステルカラーを使った柔らかい雰囲気のデザインで、スライドに園児たちのセリフを入れるなど、随所にかわいらしい演出がされています。
    「園長にっき」「行事にっき」「食育にっき」といったブログも充実しており、園児たちの様子や先生方の想いがよく伝わるようになっています。

    35. れいんぼー保育園

    埼玉県児玉郡上里町にあるれいんぼー保育園のサイト。日本語・英語・ポルトガル語に対応している保育園です。鮮やかなカラーを使った異国情緒のあるデザインになっています。
    また、「日本と世界の架け橋になりたい」という園の想いをトップページでしっかり伝えているのも特徴的です。スライドの写真からも、国際色豊かな園の様子が伝わってきますね。

    36. 淡路幼稚園・淡路保育園

    ★淡路幼稚園サイト

    ★淡路保育園サイト

    大阪市東淀川区にある淡路幼稚園と淡路保育園のサイトです。幼稚園はブルー、保育園はピンクをベースカラーにして、どちらもやさしい色調でデザイン。メニューは折り畳み式となっており、すっきりとした印象です。スクロールするたびにコンテンツがアニメーションで表示されるのも面白いですね。

    37. 大原幼稚園

    福岡市にある大原幼稚園のサイト。トップにある丸くくり抜かれた園児たちの写真が印象的です。見出しのフォントやマウスオーバー時のアクションもかわいらしいですね。
    また、トップページの下部には保護者からの声が掲載されている点に信頼感が持てます。

    38. ふじおか中央こども園

    群馬県藤岡市にあるふじおか中央こども園のサイトです。子どもが書いたような手書き風の文字とイラストが印象的。メニューや見出しのデザインも、イラストの雰囲気にマッチしていますね。
    オレンジを基調とした明るいカラーが使われており、元気で賑やかな雰囲気が伝わってきます。

    39. 学校法人法城学園駿河台こども園

    静岡県藤枝市にある駿河台幼稚園のサイト。トップページでイラストを大胆に使っているのが特徴的です。サイトの構造はシンプルで分かりやすく、利便性も考慮されています。

    40. 佛教大学付属幼稚園

    京都市にある佛教大学付属幼稚園のサイト。子どもが描いたようなイラストや、手書き風の文字が特徴的です。アニメーションも多く使われており、賑やかで楽しそうな雰囲気が伝わってきます。
    また、ヘッダーにメインメニュー、右カラムにサブメニューがあり、情報が分かりやすくまとめられている点も良いですね。

    まとめ

    いかがでしたか?
    デザインが素敵な40サイトをご紹介しましたが、どのサイトも写真やイラスト、アニメーションなどを駆使して、園の魅力をうまく伝えていますね。

    「かわいい」「おしゃれ」なだけでなく、保護者の利便性も考慮してデザインされているサイトが多かったと思います。

    幼稚園・保育園のホームページを制作する際はぜひ参考にしてみてください。