三重県名張市伊賀市のホームページ制作/グラフィックデザイン

BLOG

幼稚園・保育園のホームページ制作の参考に!プロが選ぶWebデザイン13選

キッズ系のWebサイトを作成するときに参考になる、幼稚園・保育園のホームページを13個、集めました。もちろん、実際にWebの現場でいるプロの私の目から見て、是非参考にさせてほしいというサイトばかりです。「んー…」と思うサイトは掲載していません。幼稚園・保育園のホームページ制作はもちろん、ちょっとポップで可愛いWebサイト制作をお考えの方も、必見です。

有明保育園

有明保育園ホームページ

https://ariakehoiku.com

熊本にある保育園のホームページです。ポップな雰囲気で、各所に遊び心が散りばめられています。トップの波のアニメーションが個人的には好きです。書体は有名な「DSきりぎりす」ですね。私も持っています。このフォント、キッズ系のサイトにはぴったりなんですよね。デザインも素敵だし、コーディングやアニメーションもとっても絶妙だし、素晴らしい仕事だと思います。

浦和つくし幼稚園

浦和つくし幼稚園ホームページ

https://urawa-tsukushi.ed.jp

埼玉県にある保育園のホームページです。個人的にめっちゃ好きです。結構大胆なWebサイトになっています。まずトップはフルスクリーンの動画です。上の画像では伝わりにくいかもしれませんので、実際のサイトを見てください。周りのイラストも素敵です。アニメーションの動きも非常によく、サイト自体もはっきり言ってスタイリッシュです。随所に可愛さも織り交ぜ、見事幼稚園のWebサイトらしく仕上げています。

愛宕幼稚園

愛宕幼稚園ホームページ

http://atago-kdg.com

新潟のお寺の境内にある幼稚園のホームページです。お寺のイメージを取り入れたデザインがすごく素敵です。トップの動く文字も可愛いし、細かなところまで作り込まれていて、クオリティ高いです。フッターがパララックスなのもいい!是非、参考にしていただきたいホームページです。

おへそグループ

幼稚園・保育園ホームページ

http://oheso-group.com

佐賀県にある保育園のホームページです。これまた完成度が高い!一見、アニメーションがかわいいなーとまず思うんですが、文字の配置が絶妙にオシャレなんです。余白を上手く使いながら、元気さにも考慮するあたりすごいと思います。すごく現代的な保育園のWebサイトだと思います。

佛教大学附属幼稚園

佛教大学附属幼稚園Webサイト

https://www.bukkyo-u.ac.jp/kindergarten/

京都市にある佛教大学附属幼稚園のホームページです。まずイラストのインパクトがすごい!所々、アニメーションになっていて、とっても面白くてかわいいサイトです。しかも複雑な作りなのに、レスポンシブになっているあたり、さすがだと思います。フォントもユニークでかなりデザイン性高いです。あえてつっこむなら、ブラウザ幅をスマホサイズにしたとき、フォントサイズや画像が幅が、ちょっと大きいですね。デザインは非常に良いですが、コーダーのもうひと頑張りがほしかった!

のだ山幼稚園

のだ山幼稚園Webサイト

http://www.nodayama.jp

大分県にある保育園のホームページです。幼稚園のホームページにしては、妙にスタイリッシュです。かっこいいです。ベースカラーをイエローにするあたりもオシャレです。トップページ以外もシンプルだけどまとまっていて、見所ありのサイトです。

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

ウェルビュー いずみ こども園Webサイト

http://www.izumi.akita.jp/child

秋田市にあるこども園のホームページです。優しいタッチのイラストや、水彩画風の温かいカラーリングが特徴的で、手書きの優しいイラストを前面に押し出したサイトになっています。非常に面白いWebサイトだけに、モバイル対応していないのがかなり残念です。

もぐし海のこども園

もぐし海のこども園ホームページ

http://mogushi.jp

熊本県にある幼稚園のホームページです。イラストがとってもいいです。ベースカラーは青で、イラストを多く使っているのにとってもまとまっています。すごくデザインのバランスのとれた、細部までこだわったサイトです。

ひより保育園

ひより保育園ホームページ

https://hiyorihoikuen.com

鹿児島県にある保育園のホームページです。トップはフルスクリーンでインパクトのある仕様となっています。黒板にチョークで書いたデザインも採用していて、こだわりが感じられます。個人的には好きなサイトです。

のぞみ保育園

のぞみ保育園ホームページ

https://nozomi-hoiku.com

佐賀県にある保育園のホームページです。スタンダードなデザインですが、完成度は高めです。余白の使い方など計算されたレイアウトとなっています。実は細部まで作り込まれていて、見ていてとても安心感があります。

ほほえみ保育園

ほほえみ保育園

http://hoiku.medical-jiyukai.jp

岡山市にある保育園のホームページです。シングルページのデザインとなっていて、トップのスライダーの動きがめっちゃいいです。パステルカラーの色使いも優しく、先生の紹介を入れているところなんか脱帽です。円をテーマにしたデザインとなっていて、とっても温かい印象を受けました。素晴らしいです。

あわじ幼稚園

あわじ幼稚園ホームページ

http://www.awaji-k.ed.jp/youchien/

大阪市にある幼稚園のホームページです。最初のトップのスライダーのデザインがすごくいいです。アニメーションもオシャレで、面白い動きをします。園児の切り抜き画像をふんだんに使用し、動きをつけることで楽しさが伝わってきます。若干、文字の行間がきつかったりバランスの悪いところもありましたが、総合的には非常に良いサイトだと思います。

大原幼稚園

大原幼稚園Webサイト

https://www.o-hara1.jp

福岡市にある幼稚園のホームページです。アニメーションも面白いし、画像や情報量は多いのに、よく整理されていて、非常に上手い見せ方をしています。保護者の利便性も考慮してますね。是非、ご参考に。

まとめ

数ある幼稚園・保育園のホームページの中から、当スタジオが参考にしたいWebサイトを厳選いたしました。どれも高いクオリティでしたね。今や動きをつけるアニメーションは当たり前、いかにデザイン面で園の魅力を伝えられるかがポイントかと思います。保護者などユーザーの利便性も考慮したいところですね。是非、参考にしていただければと思います。

当スタジオでも以前、保育園のサイトではないですが、クライアント様から「幼稚園・保育園のテイストでHPをつくってほしいというご依頼を受け、制作させていただいたものがあります。それがこちら!

https://joyouslife.co.jp

今回紹介したようなクオリティの高いWebサイト制作をご要望の方は、是非当スタジオ「DeRize」にご相談ください。


関連するエントリー
ご相談・お見積り

制作のご相談・お見積り(無料)を
受け付けています。

制作についての不安や疑問など、どんなことでもお気軽にご相談ください。 制作会社様からの制作外注依頼もお待ちしております。

電話番号