【2021年版】東京の幼稚園・保育園で参考にしたいWebサイトデザイン20選を紹介

「幼稚園・保育園のホームページを新しく作りたい・手直ししたい」と思ったら、まずリサーチしておきたいのが、東京にある園のデザインです。

東京にある園のホームページは、デザインのバラエティに富んでいるのが特徴。
また、入園希望者・園児の保護者の双方にとって読みやすく、洗練されたものが多くそろっています。

そこで今回は、東京の人気幼稚園・保育園のホームページデザインをまとめました。
園のホームページをより魅力的なものにするために、ぜひ参考にしてみてください。

1：東京学芸大学付属幼稚園

出典：東京学芸大学付属幼稚園 小金井園舎

小金井市にある東京学芸大学付属幼稚園。サイト上部には東京学園大学へのリンクも貼られています。
附属幼稚園と大学幼児教育学科の連携による共同研究内容も掲載されていて、園独自の強みがしっかりと伝わります。

2：暁星幼稚園

出典：暁星幼稚園

千代田区にある暁星幼稚園。キリスト教教育だと一目でわかるメイン写真ですね。
学園案内のページには園歌が音声つきで載っていて、園の様子をイメージしやすいです。

3：成城幼稚園

出典：成城幼稚園

世田谷区にある成城幼稚園。トップページからは、「園のコラム」「デジタルパンフレット」などをすぐに閲覧できます。
「異年齢との関わりを大事にした教育」を大切にしているため、成城大学～幼稚園の学園マップがまとめて載っているのも印象的です。

4：青山学院幼稚園

出典：青山学院幼稚園

渋谷区にある青山学院幼稚園。幼稚園の特色を「キリスト教保育」「国際交流」などの短い文と写真で説明しています。
渋谷という土地柄、「最寄（渋谷・表参道）駅からのアクセス」や「近県主要駅からの所要時間」が載っているのがとても親切です。

5：学習院幼稚園

出典：学習院幼稚園

豊島区にある学習院幼稚園。トップページには写真がふんだんに使われ、細かな説明よりも園の雰囲気を全面にアピールしています。
ヘッダーから「プリント」や「文字サイズ」の変更ができるので、幅広い世代の人と情報を共有しやすいですね。

6：雙葉小学校付属幼稚園

出典：雙葉小学校付属幼稚園

千代田区にある雙葉小学校付属幼稚園。カトリックの園の様子が写真から伝わります。
園児がなにかに夢中になっていたり、お友達と楽しく遊んだりしている画像を、撮り方の角度や適度なぼかしで上手に編集しているのがポイントです。

7：聖心幼稚園

出典：聖心幼稚園

杉並区にある聖心幼稚園。クリーム色の背景にピンクの差し色が入り、とてもやわらかな印象です。
園児作品（年少・年中・年長）の写真が載っていることで、「この園に入ったらどんなことができるかな？」と保護者の想像をふくらませます。

8：お茶の水女子大学附属幼稚園

出典：お茶の水女子大学附属幼稚園

文京区にあるお茶の水女子大学附属幼稚園。幼稚園のホームページではめずらしい、シックなパープルを基調にしたデザインです。
ターゲットを徹底的に「保護者」に絞っていることで、大人にとって読みやすい・情報収集しやすい設計になっています。

9：白百合学園幼稚園

出典：白百合学園幼稚園

千代田区にある白百合学園幼稚園。トップ画像のすぐ下に「入園案内」と「保護者の皆様へ」のリンクが配置され、入園希望者とすでに通園している人のどちらにも使いやすいページに仕上げています。
3分半程度の写真のスライドショーからは、園のおだやかで楽しい雰囲気が伝わってきます。

10：玉川学園幼稚園

出典：玉川学園幼稚園

町田市にある玉川学園幼稚園。幼稚部・小学部・中学高等部がまとまったホームページで、幼稚部を卒園したあとのイメージも掴みやすいのが特徴です。
写真よりも文字が多めで、保護者の疑問を適切に解決してくれるでしょう。

11：若葉会幼稚園

出典：若葉会幼稚園

港区にある若葉会幼稚園。きれいな園舎の内外の様子を、大きな写真でスライドショー式にまとめています。
「在園生のページ」はパスワードを入れると閲覧できる仕組みです。

12：愛育幼稚園

出典：愛育幼稚園

港区にある愛育幼稚園。ホームページは、母子愛育会の総合母子保健センターや教養施設がひとつにまとまっています。
ページをスライドしていくと手書きのメッセージがあらわれ、あたたかみを感じるデザインです。

13：枝光会附属幼稚園

出典：枝光会附属幼稚園

港区にある枝光会附属幼稚園。園児の写真をふんだんに使い、活発な印象を与えています。
見出しやリンクの文字色が、落ち着いたグリーンで統一されているのも特徴です。

14：麻布みこころ幼稚園

出典：麻布みこころ幼稚園

港区にある麻布みこころ幼稚園。園の写真は最低限にとどめ、文章で「保育内容」や「年間行事」を載せています。
フッターには「ふりがなつきのだいしきょうせっきょう」や「ミサ映像配信」など、Webの強みを意識した情報共有がされているのもポイントです。

15：麻布山幼稚園

出典：麻布山幼稚園

港区にある麻布山幼稚園。教育方針をホームページのトップに配置しています。
手書きの園内マップは親しみやすく、「実際に行って自分の目で確かめてみたくなる」ような楽しみがありますね。

16：城山幼稚園

出典：城山幼稚園

板橋区にある城山幼稚園。ホームページでは約1分のコンセプトムービーを見られます。さらにクリックするとYouTubeでたくさんの動画をチェックでき、写真や文字では伝わりにくい思いも伝えることが可能です。
思わずクリックしたくなるようなトップメニューの言葉選びも秀逸ですね。

17：東京いずみ幼稚園

出典：東京いずみ幼稚園

足立区にある東京いずみ幼稚園。年齢に合わせた親子サークルやイベントが、スライドで写し出されているのがポイントです。
数が増えていくにつれて混在しがちな情報を、「在園児」「未就園児」「卒園児」「就職希望者」「メディア」向けに分けて整理しています。

18：嶺町幼稚園

出典：嶺町幼稚園

大田区にある嶺町幼稚園。イラストと写真をうまく融合した、あたたかみのあるデザインです。
保育動画へのリンクや動画説明会の申し込みフォームはサイドに固定し、クリックしやすくなっています。

19：伸びる会幼稚園

出典：伸びる会幼稚園

新宿区にある伸びる会幼稚園。ファーストビューの全面に大胆に画像を使っています。
毎月頻繁に更新しているブログも、写真つきでとてもわかりやすいです。

20：東洋英和幼稚園

出典：東洋英和幼稚園

港区にある東洋英和幼稚園。東洋英和の象徴であるガーネットカラーをヘッダーやフッターに使用し、ブランドイメージを統一しています。
リンクはトップメニューにまとまっているので、何度もスクロールしなくても知りたい情報にたどり着けます。

まとめ：ホームページはデザイン次第で魅力的に仕上がる

東京の幼稚園・保育園のデザインを紹介してきました。
ホームページは載せる内容とデザインがとても大切です。
ぜひ、ホームページの内容をいまいちど見直してみませんか？

幼稚園・保育園のホームページ作りのコツをもっと詳しく知りたい方は、ぜひ下記の記事も参考にしてみてください。

• ホームページの構成を知りたい→「幼稚園・保育園ホームページ制作は、事前の構成が肝！その理由を解説」
• 幼稚園・保育園らしい配色を知りたい→「幼稚園・保育園ホームページに最適なカラーは何色？おすすめの配色なども紹介」
• 幼稚園・保育園の写真選びに迷っている→「幼稚園・保育園向けホームページで効果的な写真とは？ポイントを紹介」