icon_top icon_right icon_left arrow_right arrow_left search window heart arrow_curve_right arrow_curve_left amazon google instagram twitter pinterest facebook

“ものづくり”と“ものがたり”を考えるブログ“ものづくり”と“ものがたり”を考えるブログ

デザイナー目線で選ぶ個性的な幼稚園 / 保育園 / こども園のホームページ20選

デザイナー目線で選ぶ幼稚園 / 保育園 / こども園のホームページ20選

魅力的なホームページを用意することで、保護者の方に園の魅力を効果的にアピールすることができます。
今回はデザイナー目線で選ぶ、個性的な幼稚園・保育園・こども園のホームページをご紹介します!

 

社会福祉法人 織りなす 八ヶ岳風の子保育園

社会福祉法人織りなす八ヶ岳風の子保育園_HP

出典:社会福祉法人 織りなす 八ヶ岳風の子保育園

落ち着いたトーンの色合いと角丸のあしらいでより優しげな印象があります。
その上に、アクセントとして配置されている、チョークで描いたようなイラストが柔らかな印象をプラスしています。

出典:社会福祉法人 織りなす 八ヶ岳風の子保育園

また、落書きのようなあしらいによって「自らの感性と体験によって、その子らしさが育ちます。」というメッセージを感じることができます。

社会福祉法人織りなす八ヶ岳風の子保育園_HP

出典:社会福祉法人 織りなす 八ヶ岳風の子保育園

 

社会福祉法人遊星福祉会うおみこども園

うおみこども園_HP

出典:社会福祉法人遊星福祉会うおみこども園

「ちょっと変。それは、愛だ。」というコピーがデザインにもしっかりと現れています。
真っ黒な印象は他のこども園とは一線を画していますが、宇宙のような不思議さ、こどもの切り抜きやあしらいの楽しげな雰囲気が非常に印象的です。

うおみこども園_HP_SP版

出典:社会福祉法人遊星福祉会うおみこども園

 

NPO法人石見銀山いくじの会 大森さくら保育園

NPO法人石見銀山いくじの会 大森さくら保育園_HP

出典:NPO法人石見銀山いくじの会 大森さくら保育園

「このまちの暮らしとともに。」とあるように、まちの中にこども達が溶け込むような写真が印象的。青と黄色のコーポレートカラーは、園児の帽子も同じ色で統一性を感じます。
ロゴタイポの一部があしらいに散りばめられていたりと、一貫した世界観があります。

出典:NPO法人石見銀山いくじの会 大森さくら保育園

 

学校法人廣瀬学園 よさみ幼稚園

出典:学校法人廣瀬学園 よさみ幼稚園

水彩のイラストが柔らかさを追加。縦書きのタイトルや写真の配置など、単調にならないバランスになっています。
「仲間と助け合う」シマエナガもポイント。

出典:学校法人廣瀬学園 よさみ幼稚園

出典:学校法人廣瀬学園 よさみ幼稚園

 

社会福祉法人 和順福祉会 瓜連認定こども園

出典:社会福祉法人 和順福祉会 瓜連認定こども園

コントラストの弱めな写真が柔らかいイメージを表しています。
また、所々に子どもの顔のイラストが配置されており、可愛らしい印象です。文字色やフォントからも全体的に優しいデザインになっています。

 

出典:社会福祉法人 和順福祉会 瓜連認定こども園

 

社会福祉法人 やまきた保育園

やまきた保育園_HP

出典:社会福祉法人 やまきた保育園

クーピーで描いたようなイラストから、温かみを感じます。新幹線が通ることからこの街の特徴を感じられます。
他にも、動物のイラストやあしらいにロゴが使用されていたりと遊び心のあるデザインです。

やまきた保育園_HP_SP

出典:社会福祉法人 やまきた保育園

 

社会福祉法人 小浜会 企業主導型保育事業こどもの丘ナーサリー

出典:社会福祉法人 小浜会 企業主導型保育事業こどもの丘ナーサリー

「絵本読み語り教育」という教育方針がデザインにも落とし込まれています。
ゆるい手描きのパーツイラストが可愛らしく、本や写真を持つ大きな手のあしらいに遊び心を感じます。

 

出典:社会福祉法人 小浜会 企業主導型保育事業こどもの丘ナーサリー

 

学校法人 清香学園

ちぎり絵のような温かみのあるイラストがポイント。各グループ園もわかりやすくまとまっており、ユーザーに親切です。
柔らかな背景色の中で、コントラストの強い写真が映えています。

出典:学校法人 清香学園

出典:学校法人 清香学園

 

もぐし海のこども園

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

地域や環境の特徴がデザインやコンテンツにも落とし込まれています。写真からは自然の豊かさや、園児たちの楽しそうな雰囲気も伝わってきます。
天草地域に関するページを設け、こども園だけでなく地域の魅力についても発信している点も特徴的です。

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

 

学校法人 三星学園

出典:学校法人 三星学園 (制作:カズミア株式会社)

ファーストビューで子どもたちの要素を映した動画が流れており、ユーザーをぐっと惹きつけています。
また、全体的に白を基調としたシンプルなデザインで、随所で挟まれる写真が映えるようになっています。ワンポイントでイラストがついているのもキュートです。

 

三星学園_HP_SP

出典:学校法人 三星学園

ホームページ制作・デザインの事例紹介はこちらからご覧ください。
「三星学園」制作事例

社会福祉法人東中川会 東中川保育園

東中川保育園_HP

出典:社会福祉法人東中川会 東中川保育園 (制作:カズミア株式会社)

水彩風の手書きイラストがふんだんに使われていて、とにかくかわいらしい印象のホームページです。所々に水彩絵具のようなあしらいがあるのもポイント。
また、採用情報のボタンにもイラストが用意されていて、目立つようになっています。
採用にも力を入れたいと考えている場合は、このように求人情報ページへのリンクを目立つ形で設置したり、特設ページを設けるなどといった施策が有効です。

東中川保育園_HP_SP

出典:社会福祉法人東中川会 東中川保育園

 

学校法人西伊丹学園西伊丹幼稚園・認定こども園 西伊丹保育園

出典:学校法人西伊丹学園 西伊丹幼稚園・認定こども園 西伊丹保育園

赤、青、緑、黄と配色がカラフルで可愛らしい印象のホームページです。
丸、四角、三角など手書き風の図形が装飾として散りばめられていて、それがコマ送りのように動くようになっているのがとても印象的です。

出典:学校法人西伊丹学園 西伊丹幼稚園・認定こども園 西伊丹保育園
 

学校法人宝学園 中川幼稚園

出典:学校法人宝学園 中川幼稚園

青を基調としたデザインが知的な印象を与えており、教育の質の高さを重視する姿勢を感じます。
丸みのあるフォントやアクセントカラーとして暖色系のカラーを用いることで、柔らかい印象もあり、知性的なイメージと、柔らかなイメージが両立しています。

中川幼稚園_HP_SP

出典:学校法人宝学園 中川幼稚園
 

学校法人香取学園 香取第二幼稚園

香取第二幼稚園_HP

出典:学校法人香取学園 香取第二幼稚園

ポップな印象を与えるデザインフォントや水彩風のイラストが使われており、可愛らしいホームページです。
ヘッダーメニューのアイコンや見出しのイラストなど、ちょっとしたあしらいの部分にもこだわりが感じられます。

香取第二幼稚園_HP_SP

出典:学校法人香取学園 香取第二幼稚園

 

学校法人則竹学園 たから幼稚園

学校法人則竹学園 たから幼稚園_HP

出典:学校法人則竹学園 たから幼稚園

緑系の色が中心の配色によって落ち着いた印象がある一方で、イラストが用いられていたり、フォントが丸ゴシックになっていたりと柔らかい印象もある魅力的なホームページです。
また、スマートフォン版のメニューが充実しており、使いやすさの面でも優れています。

 

学校法人則竹学園 たから幼稚園_HP_SP

出典:学校法人則竹学園 たから幼稚園

学校法人則竹学園 たから幼稚園_HP_SP

出典:学校法人則竹学園 たから幼稚園

 

学校法人 寿なとり学園

寿なとり学園_HP

出典:学校法人 寿なとり学園

カラフルな図形やイラストが各所に散りばめられており、見ていて楽しくなるようなホームページです。
波形や方眼など背景にも遊び心があり、「みんな自分の花になる」と言うキャッチコピーにぴったりなデザインとなっています。

寿なとり学園_HP_SP

出典:学校法人 寿なとり学園

 

学校法人岩浅学園 八木ヶ谷幼稚園

学校法人岩浅学園 八木ヶ谷幼稚園_HP

出典:学校法人岩浅学園 八木ヶ谷幼稚園

緑をベースカラーとしたシンプルながら優しい印象のデザインのホームページです。
PCの場合は右端、スマートフォンの場合はメニュー部分とわかりやすい部分に在園児の保護者向けのページへのリンクがあり、保護者にも優しいサイト設計となっている点も特徴的です。

学校法人岩浅学園 八木ヶ谷幼稚園_HP_SP

出典:学校法人岩浅学園 八木ヶ谷幼稚園

 

いふくまち幼稚園

いふくまち保育園_HP

出典:いふくまち保育園

モスグリーンと黒をベースとしたシンプルで美しいデザインが特徴のホームページです。
写真の一つ一つの質が非常に高く、世界観に引き込まれるような出来映えです。

 

いふくまち保育園_HP_SP

出典:いふくまち保育園

幼稚園での生活を紹介する「くらしの様子」ページはマガジンのようなデザインになっており、つい読みたくなるようなデザインとなっています。

いふくまち保育園_HP_SP

出典:いふくまち保育園

 

社会福祉法人 六華会 六華こども園

六華こども園_HP

出典:社会福祉法人 六華会 六華こども園

とにかく遊び心を感じる「六華こども園」のホームページです。
配色や背景、装飾のそれぞれに遊び心が感じられるようなデザインとなっています。見出しの部分が水彩のようなカラーになっているのもポップで可愛らしいです。

 

六華こども園_HP_SP

出典:社会福祉法人 六華会 六華こども園

 

川越双葉幼稚園

川越双葉幼稚園_HP

出典:川越双葉幼稚園

「蔵の街」として有名な埼玉県・川越市にある「川越双葉幼稚園」のホームページです。
川越市の名物である蔵造りの建物のイラストを各所に盛り込んでいて、地域密着をアピールしています。配色はカラフルでデザインフォントを用いており、全体的にポップで楽しそうな印象を受けます。

川越双葉幼稚園_HP_SP

出典:川越双葉幼稚園

 

 

教育内容や地域性も反映された個性あふれる園のホームページ

いかがでしたでしょうか?
今回紹介したケースでは、教育内容や地域性といったアピールポイントがホームページに巧みに反映されていました。
ホームページは今や名刺代わりの存在。充実したホームページを用意することで、保護者の方に「自分の子どもを通わせたい!」と感じてもらえるようになると思います!

 
当社も保育園、幼稚園、子ども園向けのホームページ作成・Webデザインを得意としております。
制作をお考えの方はお気軽にご相談ください。

幼稚園・保育園・こども園向けホームページ制作サービス 

幼稚園・保育園ホームページ制作のポイントとおすすめWebデザイン例 

※ご紹介しているホームページの中で、「制作:カズミア株式会社」と書かれているホームページ以外は当社のホームページ制作事例ではありません。
保育園、幼稚園、子ども園のホームページとしてデザイン、ユーザーインターフェースなどが優れているためご紹介させていただいております。

会社案内ダウンロード

image

「あなたらしさ、あなたの会社らしさのクリエイティブを」というメッセージをお伝えしたいとこだわってやっと完成できました!
ぜひダウンロードしてご覧ください。

おすすめ記事

トップへ戻る