BLOG
幼稚園・保育園のホームページ制作の参考に！Webデザインおすすめ22選【2024年版】
キッズ系のWebサイトを作成するときに参考になる、幼稚園・保育園のおすすめホームページを22個、集めました。もちろん、実際にWebの現場でいるプロの私の目から見て、是非参考にさせてほしいというおすすめのサイトばかりです。「んー…」と思うサイトは掲載していません。幼稚園・保育園のホームページ制作はもちろん、ちょっとポップで可愛いWebサイト制作をお考えの方も必見です。
「保育園・幼稚園のホームページに必要なコンテンツ」や「制作依頼するときのポイント」もまとめていますので、ご参考になればと思います。
また、皆様が一番気になる「費用相場」も掲載していますので、お見逃しなく！
Contents
幼稚園・保育園 Webデザインおすすめ22選
あそかの木保育園
https://asoka-tree.ed.jp（自社制作）
兵庫県伊丹市の認可保育園「あそかの木保育園」のホームページです。実は当スタジオで制作させていただきました。
園の取り組みとして「畑作業」に力を入れ、子どもたちは「命のつながり」を日々、学んでいるとのこと。なのでサイトのイメージは「畑」をイメージできるように、可愛さを出しつつ、「畑」のイメージのイラストをふんだんに使い、空、緑、土のカラーで構成しました。
そうなんです。私が制作したんです！
アニメーションも程よく取り入れ、ポップで可愛いだけでなく、すっきりとしたスタイリッシュさも加えたので、自分で言うのはなんですが、おすすめしたい保育園サイトです。
有明保育園
熊本にある保育園のホームページです。ポップな雰囲気で、各所に遊び心が散りばめられています。トップの波のアニメーションが個人的には好きです。書体は有名な「DSきりぎりす」ですね。私も持っています。このフォント、キッズ系のサイトにはぴったりなんですよね。デザインも素敵だし、コーディングやアニメーションもとっても絶妙だし、素晴らしい仕事だと思います。
浦和つくし幼稚園
埼玉県にある保育園のホームページです。個人的にめっちゃ好きです。結構大胆なWebサイトになっています。まずトップはフルスクリーンの動画です。上の画像では伝わりにくいかもしれませんので、実際のサイトを見てください。周りのイラストも素敵です。アニメーションの動きも非常によく、サイト自体もはっきり言ってスタイリッシュです。随所に可愛さも織り交ぜ、見事幼稚園のWebサイトらしく仕上げています。
学校法人鈴鹿学園
https://www.suzuka-gakuen.ac.jp（自社制作）
三重県鈴鹿市にある学校法人鈴鹿学園のホームページ。鈴鹿学園は、すずか幼稚園と第２すずかきしおか幼稚園を運営していて、どちらの情報も掲載しています。なので情報が多く、本来なら散漫になりがちな所をうまくまとめていて非常に見やすく、知りたい情報へ直感的にアクセスできます。
可愛いポップなイラストをたくさん使用して、優しく楽しい雰囲気が非常に好印象です。また園児の笑顔の写真が多く、とてもイキイキとした感じが伝わってきます。このホームページは当スタジオで制作させていただきました。
こちらも私が制作させていただきました！自画自賛になりがちなのでご容赦を。。笑
保育園と違い、幼稚園のホームページでは、「教育」の要素を強く見せる必要があるのですが、このサイトは、楽しいイメージながらもうまく「教育」の要素を取り入れて、保護者からの安心感や信頼性をアップしています。ご参考になればと思います。
愛宕幼稚園
新潟のお寺の境内にある幼稚園のホームページです。お寺のイメージを取り入れたデザインがすごく素敵です。トップの動く文字も可愛いし、細かなところまで作り込まれていて、クオリティ高いです。フッターがパララックスなのもいい！是非、参考にしていただきたいホームページです。
おへそグループ
佐賀県にある保育園のホームページです。これまた完成度が高い！一見、アニメーションがかわいいなーとまず思うんですが、文字の配置が絶妙にオシャレなんです。余白を上手く使いながら、元気さにも考慮するあたりすごいと思います。すごく現代的な保育園のWebサイトだと思います。
佛教大学附属幼稚園
https://www.bukkyo-u.ac.jp/kindergarten/
京都市にある佛教大学附属幼稚園のホームページです。まずイラストのインパクトがすごい！所々、アニメーションになっていて、とっても面白くてかわいいサイトです。しかも複雑な作りなのに、レスポンシブになっているあたり、さすがだと思います。フォントもユニークでかなりデザイン性高いです。あえてつっこむなら、ブラウザ幅をスマホサイズにしたとき、フォントサイズや画像が幅が、ちょっと大きいですね。デザインは非常に良いですが、コーダーのもうひと頑張りがほしかった！
のだ山幼稚園
大分県にある保育園のホームページです。幼稚園のホームページにしては、妙にスタイリッシュです。かっこいいです。ベースカラーをイエローにするあたりもオシャレです。トップページ以外もシンプルだけどまとまっていて、見所ありのサイトです。
葛西駅前さくら保育園
https://sakura-kasai.com（自社制作）
東京都江戸川区にある保育園です。こちらも当スタジオで制作させていただきました。
そうなんです。私が制作したんです！
「桜」のテイストを出しながら、色々なイラストを配置し、楽しくのびのびとした雰囲気に仕上がっています。もちろん完全オリジナルデザインで、ポップなフォントを使用したり、ピンクを中心に優しい色使いにすることで、優しく温かいデザインにしながらも、可愛くなりすぎないスタイリッシュさも取り入れています。アニメーションもほどよく使用していて、完成度の高いサイトになっています。
ウェルビュー いずみ こども園
http://www.izumi.akita.jp/child
秋田市にあるこども園のホームページです。優しいタッチのイラストや、水彩画風の温かいカラーリングが特徴的で、手書きの優しいイラストを前面に押し出したサイトになっています。非常に面白いWebサイトだけに、モバイル対応していないのがかなり残念です。
もぐし海のこども園
熊本県にある幼稚園のホームページです。イラストがとってもいいです。ベースカラーは青で、イラストを多く使っているのにとってもまとまっています。すごくデザインのバランスのとれた、細部までこだわったサイトです。
ひより保育園
鹿児島県にある保育園のホームページです。トップはフルスクリーンでインパクトのある仕様となっています。黒板にチョークで書いたデザインも採用していて、こだわりが感じられます。個人的には好きなサイトです。
のぞみ保育園
佐賀県にある保育園のホームページです。スタンダードなデザインですが、完成度は高めです。余白の使い方など計算されたレイアウトとなっています。実は細部まで作り込まれていて、見ていてとても安心感があります。
ほほえみ保育園
http://hoiku.medical-jiyukai.jp
岡山市にある保育園のホームページです。シングルページのデザインとなっていて、トップのスライダーの動きがめっちゃいいです。パステルカラーの色使いも優しく、先生の紹介を入れているところなんか脱帽です。円をテーマにしたデザインとなっていて、とっても温かい印象を受けました。素晴らしいです。
あわじ幼稚園
http://www.awaji-k.ed.jp/youchien/
大阪市にある幼稚園のホームページです。最初のトップのスライダーのデザインがすごくいいです。アニメーションもオシャレで、面白い動きをします。園児の切り抜き画像をふんだんに使用し、動きをつけることで楽しさが伝わってきます。若干、文字の行間がきつかったりバランスの悪いところもありましたが、総合的には非常に良いサイトだと思います。
大原幼稚園
福岡市にある幼稚園のホームページです。アニメーションも面白いし、画像や情報量は多いのに、よく整理されていて、非常に上手い見せ方をしています。保護者の利便性も考慮してますね。是非、ご参考に。
こずえ保育園
熊本市の幼保連携型認定こども園「こずえ保育園」のWebサイト。とても優しいカラーで、可愛いフォントやイラストが特徴的。最近の保育園のホームページでは、こんな感じのサイトがよく見られるようになってきました。細かいところまで気を遣い、フワッとしたアニメーションを使うなど、とてもハイレベルなサイトではないでしょうか。緑をイメージカラーにしているのも好印象です。
わかば保育園
https://wakabacare-hoikuen.com
大阪府羽曳野市の保育園のホームページ。とてもかわいいイラストが邪魔にならない程度のアニメーションで動くのは絶妙。サイト自体もシンプルだけど、ポップでデザイン性の高いイラストを配置していて、非常にバランスが取れています。私たちの想いや、施設紹介、園の取り組みなど、コンテンツも充実していて、ハイレベルな保育園サイトに仕上がっているのではないでしょうか。
小浜こども園
長崎県雲仙市のこども園。トップページのスライダーの枠が印象的で独特なデザインとなっています。とてもオリジナリティのあるWebサイト。フッターの動く波のアニメーションもいい感じ。インスタグラムのタイムラインも埋め込んであり、イベントの画像などを見ることができます。非常に好印象を与えるホームページ。
御国幼稚園
岡山県倉敷市の幼稚園。トップページのスライダーがとってもかわいいです。保育園・幼稚園のHPでは写真が大切ですが、このサイトは非常に多くの画像を使用していて、園の様子が伝わってくるようです。さらに丸く切り抜いた画像のレイアウトバランスが良く、見ていて楽しくなってきます。細部までこだわっていて、真似したくなるホームページになっています。
パレット保育園
横浜市の保育園のサイトです。カラフルだけど派手すぎず、非常に色使いが上手でバランスがいいです。イラストなどもセンスが良く、デザイン性が高い印象。下層ページが単調なのが惜しいところですが。カラフルな園のサイトがご希望なら参考にしたいホームページです。
めばえ横浜保育園
https://mebae-yokohama.jp（自社制作）
神奈川県横浜市のめばえ横浜保育園のホームページ。手描き風の優しいイラストをたくさん使い、とても温かい雰囲気でデザインされています。黄緑とベージュのカラーも優しく、全体的に楽しく、のびのびとした雰囲気も伝わります。
このサイトも当スタジオで制作させていただきました！
園児の写真もイラスト風にするという凝りようですが、実は園から顔出しNGが出ていたのです。とは言っても、保育園のサイトで和気藹々とした楽しい雰囲気を出すには、子供たちの写真は必要不可欠。なので画像をイラスト風に加工して、顔が見えにくいように工夫しているのです。手描き風のイラストと調和して、優しくポップで楽しいホームページに仕上がっています。
保育園・幼稚園のホームページに必要なコンテンツ
保育園・幼稚園のホームページでは、下記のコンテンツは掲載すべきだと考えます。なぜ必要かと言えば、サイトに訪れるユーザーの多くは保護者だからです。これから保育園や幼稚園に子供を通わせようとお考えの保護者さんの目線に立ち、どんな情報がほしいのかを考えることが重要なのです。
コンテンツは、ターゲットの気持ちになり考えることが大切なんですね。
- 園について
- 入園に関する情報
- 施設・設備について
- 園での生活
- 保護者向け情報
- お知らせ
- アクセス情報
- お問い合わせ
園について
園についてのページでは、「理念や教育方針の説明」を掲載しましょう。園がどのような理念や方針を持って、ビジョンを描いているかは、預ける保護者からすれば非常に大切な「安心度アップ」の要素です。
また、ここでは設立年や所在地、電話番号などの「施設概要」は必ず入れてください。一見、あまり重要でない要素かと思われがちですが、信頼を高めるためには必要不可欠なのです。逆に考えてみますと、会社概要がないホームページの商品を、皆さんは購入しようと思いますか？そう考えますと、概要というのはとても大切なのです。
入園に関する情報
入園条件、手続き、募集要項などを掲載した「入園案内」は必要です。定員や開園時間などがあれば、なお良いでしょう。また、入園願書や入園のしおりなどをダウンロードできるリンクを設置するなど、できる限り親切なつくりにできればと思います。
施設・設備について
このページは写真中心で作りたいです。教室や遊び場の紹介など、自分の子供がどんな場所で過ごすのかを伝えることは重要です。さらに、保育スタッフの紹介があれば、園への信頼度は格段に高まります。保護者に対して“擬似保育”を体感してもらうページが理想なのです。
園での生活
日々の活動内容やカリキュラムの概要、また年間行事を写真付きで掲載しましょう。子供たちは、日々どのような生活をして、どんな行事に参加しているのかを知ってもらうページです。ここでは、写真を多く使い、楽しくのびのびとした雰囲気を伝えることが大切です。
保護者向け情報
保護者会やイベントの告知などを、保護者に向けて掲載している保育園・幼稚園のホームページは多いです。このページは現在、子供さんを園に預けている保護者をターゲットにしていて、プライバシーの問題もありますので、パスワード付きで閲覧できるようにしてもいいかと思います。
お知らせ
重要なお知らせや行事の案内などの情報を日々、発信しましょう。また行事などの事後報告をブログ的に発信して、楽しくイキイキとした様子を伝えることも大切です。ただし、お知らせの発信が滞ると、ユーザーからの信頼が低下しますので、ご注意ください。
アクセス情報
園までの地図や交通アクセスの案内は必須です。実際に通わせたいとお考えの保護者にとっては、自宅や仕事場からのルートや時間を、事前に知っておくことは重要です。このコンテンツは、特に1ページ設けなくても、「園について」や「入園案内」、または「トップページ」など、分かりやすい場所に設置すればいいかと思います。
お問い合わせ
お問い合わせフォームは設置するべきです。このページでは、保護者の方からのご意見やご相談を、いかに気軽にしてもらうことが大切ですので、たくさんの記入項目を設けたり複雑にするのは避けましょう。また、電話の方がいいという方もいますので、電話番号も掲載しておく方が良いかと思います。
あとは「よくある質問（FAQ）」のページがあれば、なおグッドです。入園に関する疑問やよくある質問への回答を掲載して、保護者の方の「不安」を少しでも解消することが、ホームページのあるべき姿だと私は考えます。
幼稚園・保育園のホームページを制作依頼するときのポイント
当スタジオでも、幼稚園・保育園からホームページ制作をご依頼いただくことがありますが、その際には下記のことが大切だとお伝えしています。
- ターゲットは保護者です！
- 安心・信頼を得よう！
- 写真に力を入れよう！
- スマホ対応は必須！
- 楽しそうなデザインに！
ターゲットは保護者
まず最初にターゲットは保護者だということが大切になります。自己満足なホームページにならないように注意が必要です。保護者の信頼を得て、「この園なら通わせたい！」と思ってもらえることが重要なんです。それには、必要なコンテンツを作成しなければなりません。園の紹介では「保育方針」や「クラス紹介」などはもちろん、「園の概要」を詳しく掲載したいところです。
また園での生活、1日の流れなどを盛り込み、入園案内などを作成。そして何と言っても「園の魅力」を存分に伝わるようにコンテンツを作ります。
ターゲットは保護者ですので、安心・信頼を得ることのできるコンテンツづくりを意識して、さらに「通わせたい！」と思っていただけるよう、園の取り組み・魅力を存分に伝えることが重要となってくるのです。
写真に力を入れる
その上で大事なのが、「園の写真」を多く使用して、魅力を伝えるということなんです。いくら文章で魅力を伝えても説得力に欠けます。子供たちの楽しく遊ぶ様子や、お稽古をしている姿など、のびのびと生活している画像を、できるだけ使用したいです。
スマホ対応は必須！
今の時代、スマホ対応は当たり前になりましたが、幼稚園・保育園のホームページでは、さらに重要になります。その理由はターゲットが保護者、特にお母さんだからです。若いお母さん方が、わざわざパソコンからサイトを見ることは少ないんです。スマートフォンから閲覧することが多く、スマホ対応は必須になります。そして、スマホから見たときのデザイン性や利便性を重視する必要があるのです。
楽しそうなデザインに！
園のサイトの多くは、とてもポップでイラストやアニメーションなどを駆使して、楽しいホームページにしています。逆に、スタイリッシュで渋いデザインの幼稚園・保育園のホームページならどうでしょうか？子供を通わせたくなりますか？敷居が高いイメージになってしまいますよね。ただ、スタイリッシュなものがダメということではなく、カッコいいオシャレなデザインであっても、子供たちの笑顔が見えて楽しさが伝わってくるホームページなら全く問題ないんです。
ターゲットは保護者であり、特に若いお母さんだと考えれば、やはり楽しそうなポップなデザインの方が、「通わせたい！」という気持ちが高まるのです。
以上のことを考慮して、幼稚園・保育園のホームページを制作依頼すれば、スムーズに打ち合わせができるかと思います。
保育園・幼稚園のホームページ制作の費用相場
ホームページ制作を依頼する前に知っておきたいのが費用相場です。ネットに上がっている情報を元に費用相場を算出してみますと、だいたい80万円ほどになります。ただしデザインのクオリティが高く、SEO対策やコンテンツ内容の構成もきちんとしているサイトの場合は100万円以上となります。
これは私の経験ですが、以前ホームページを制作した保育園では、相見積もりを取っていて、結果当スタジオが選ばれたのですが、思い切って他の制作会社の見積額を聞いてみました！
- A社＝150万円
- B社＝200万円
スタッフが何人かいる制作会社の場合は、人件費等がかかるので、上記の価格が普通なんですね。でもある程度、納得のいくものを作ってくれるとは思います。ぶっちゃけて言いますと、ちなみにこの時の当スタジオの見積額は、税込で60万円ほどでした。クライアント様側も大変満足いただき、喜んでいただけるホームページができました！
価格に影響を与える要素
保育園や幼稚園のホームページ制作の費用は、いくつかの要素によって異なります。50万円ほどで制作してくれるところもあれば、150万円以上するところもある。では、どのような要素が価格に影響を与えているのでしょうか。
制作会社の大小
こちらは人件費が大きく関係してきます。大きめの制作会社ですと、ディレクター、デザイナー、コーダーと分業になり、その分人件費がかかります。逆に個人で運営している事務所なんかの場合は、人件費が大きく抑えられ、価格は安くなる傾向にあるのです。
デザインのカスタマイズ度
テンプレートを使用するか、オリジナルデザインで制作するかも大きな要素です。デザインがシンプルでテンプレートを使用する場合は比較的安価になりますが、特別なカスタマイズや高度なオリジナルデザインを要求すると、その分コストがかかります。
ただし、昨今の保育園や幼稚園のホームページは、クオリティが高くオリジナリティが溢れる独自のサイトが多いです。そしてオリジナルデザインで制作することで、ターゲットである保護者からの信頼も得られやすいだけでなく、他の園との違いも明確にイメージしやすく、園ならではの特色を強く打ち出すことができるのです。
そう考えますと、オリジナルデザインは必須と言っても過言ではないですね。
ページ数
当たり前ですが、ページ数によっても価格は変わります。保育園や幼稚園のサイトの場合は、ほとんどが10ページ〜15ページ以内かと思いますので、ここで挙げた相場は、そのくらいのページ数を想定して算出しています。
機能と拡張性
ホームページに必要な機能や拡張性も価格に大きく影響します。例えば、お知らせやイベント情報の更新や写真や動画のアップロードをクライアント様側で更新できる機能を導入したり、お問い合わせフォームなどがあるかどうかで価格が変わってきます。
昨今では、WordPressを導入する制作会社がほとんどだと思いますが、導入するかしないかで価格は変わってくるんです。
コンテンツの準備
ホームページに掲載するコンテンツ（文章、写真、動画など）の準備が整っているかどうかも価格に影響します。コンテンツの作成や編集が必要な場合は、その作業費用も加算されることがあります。またロゴマークのデザインを依頼する場合は、大きく価格が変わります。
サポートとメンテナンス
ホームページの完成後のサポートや定期的なメンテナンスを含めた保守管理のサービスが提供される場合もあります。これによっても価格が変わってきます。昨今ではWordPressを導入してサイトを制作するところが多いので、セキュリティ対策も含めての保守管理は必要になってくるかと思います。
色んな要素によって価格は大きく変動するんですね。考えますと、ホームページ制作の依頼は、不安要素がいっぱいなんです。どんなところに依頼するのがいいのか、料金はどのくらいが妥当なのか、どんなコンテンツが必要なのか、SEO対策はどうすればいいのか、などなど…。
当スタジオ・ディーライズでは、どんなご相談もお問い合わせくだされば、分かりやすく細かくお答えいたします。遠方の保育園・幼稚園様でも、オンラインでお打ち合わせが可能ですので、お気軽にお問い合わせください。もちろん無料となっています。皆様の不安が少しでも解消できれば幸いです。
保育園・幼稚園のホームページを依頼するなら
最近では、本当にハイクオリティな保育園・幼稚園サイトが多いです。やはり、保護者の方などがサイトを見て、「入園させたい」と思わせることが大切ですので、見た目の良さは重要となってくるのです。
と言うことは、それなりに高品質なサイトを完全オリジナルで制作してくれる業者に依頼するのがいいでしょう。
しかし、それなりの制作会社になると費用も高額になってきます。完全オリジナルですと100万円〜というのが一般的です。
さらに、その業者が保育園サイトの実績があるのかも大切です。保育園サイトでなくても、ポップでスタイリッシュなものなど、クライアントの要望に合った実績があるのかも確認する必要があります。
当スタジオでは、保育園サイトをはじめ、ポップで高品質な完全オリジナルデザインのサイト制作の実績があります。しかも制作会社の半額ほどの価格で制作可能なのです。
保育園・幼稚園のホームページを依頼するなら…
- レベルの高いデザインか
- 予算内で収まるか
- 保育園サイトの実績はあるか
このあたりを踏まえて、制作会社を選んでみてはいかがでしょうか。
まとめ
数ある幼稚園・保育園のホームページの中から、当スタジオが参考にしたいWebサイトを厳選いたしました。どれも高いクオリティでオススメです。今や動きをつけるアニメーションは当たり前、いかにデザイン面で園の魅力を伝えられるかがポイントかと思います。保護者などユーザーの利便性も考慮したいところですね。是非、参考にしていただければと思います。
下記は当スタジオが以前、制作させていただいた幼稚園・保育園のサイトの一部ですのでご紹介しておきます。
また、保育園のサイトではないですが、幼稚園・保育園のようなサイトのテイストで制作したものもご紹介いたします。
当スタジオは「どこよりも高品質で、どこよりも低価格」をモットーにしております。また、Webマーケティング事業も展開していますので、サイトの訪問者にとって利便性に優れ、高い信頼度を構築するだけでなく、SEO対策に強いホームページ制作が可能です。今回紹介したようなクオリティの高いWebサイト制作をご要望の方は、是非当スタジオ「DeRize」にご相談ください。
