お問い合わせ

NURSERY & KINDERGARTEN

保育園・幼稚園のホームページ制作

0歳から就学前のお子さまをお預かりする園のためのサイトを。園の雰囲気が伝わり、見学の申し込みまでたどりつく形を、実際に動く見本を見ていただきながら一緒に決めていきます。

ISSUES

園のホームページで、こんなことが起きていませんか

見学や説明会の申し込みが電話だけで、開園している時間しか受けられない
日程調整の電話が何度も往復し、事務の時間を取られている
園の様子が伝わらず、見学に来ていただく前に候補から外れてしまう
スマートフォンで見ると文字が小さく、写真が重くてなかなか開かない
園児の写真をどこまで載せてよいか判断がつかず、結局ほとんど載せていない
預かり保育や通園バスなど、聞かれることの多い話がサイトに書かれていない
保育士・幼稚園教諭を募集するページがなく、求人サイト頼みになっている
更新を業者に頼まないとできず、行事のお知らせが止まったままになっている

園を探している保護者の方が最後にすることは、たいてい「見学の申し込み」です。ページを増やすことよりも、その一点まで迷わずたどりつけるかどうかで、届き方が変わります。

SAMPLES

園向けのデザインテンプレート

掲載している園名・住所・電話番号・写真は、すべて架空のものです。実在する園のものではありません。デザインと使い勝手をご覧いただくための見本としてUniMindが制作しました。

小規模保育園向けデザインテンプレート「みつば」のトップページ。保育室で子どもが木のおもちゃで遊ぶ写真の上に、大きな見出しと見学予約のボタンが置かれている
小規模保育園

みつば

0〜2歳の小規模園を想定しました。定員の内訳、1日の流れ、月々に必要なもの。保護者の方が最初に確かめることを前に置いています。

  • 0〜2歳・小規模
  • 全5ページ+お知らせ
  • あたたかい色づかい
  • スマホ最優先
幼稚園向けデザインテンプレート「ひだまり」のトップページ。園庭で遊ぶ園児たちの写真の上に園名と案内が並んでいる
幼稚園

ひだまり

3〜5歳の幼稚園を想定しました。教育方針、預かり保育、通園バス、制服。園を選ぶ材料をひととおり載せ、説明会の予約まで受けられます。

  • 3〜5歳・幼稚園
  • 全12ページ
  • 予約カレンダー付き
  • 採用ページあり

園向けの見本は順次増やしていきます。認定こども園向け・大規模園向けなど、ご覧になりたい形があればお問い合わせの際にお知らせください。

STRUCTURE

園のサイトに必要なページ

園によって増減しますが、下の形がひとつの目安です。ページを多く作ることが目的ではなく、保護者が知りたい順に並んでいるかどうかが大切です。

  • トップ 園の雰囲気と、いま募集しているかどうかが、開いてすぐ分かること。見学予約への入口を最初に置きます。
  • 園について 保育・教育の考え方、園の紹介、あゆみ、安全対策。園の言葉で書くほど、他の園との違いが伝わります。
  • 保育の特色・1日の流れ 1日の流れ、給食、年間行事、預かり保育、課外教室。「うちの子が通ったらどうなるか」が想像できる材料です。
  • 入園案内・費用 対象年齢、定員、認可・認定の種別、月々に必要なもの、通園バス、制服。ここが曖昧だと問い合わせが増えます。
  • 見学・説明会の予約 フォーム、あるいは空き状況の見えるカレンダー。開園時間外の取りこぼしがなくなります。
  • アクセス 最寄り駅からの道順、送り迎えの動線、駐輪場やベビーカー置き場、バスの運行範囲。通えるかどうかの判断材料です。
  • よくある質問 入園前の不安に先回りして答える。問い合わせの手前で解決する数が変わります。
  • お知らせ 行事や見学日程。更新が止まると「今も動いている園か」が伝わらないので、園で更新できる形にします。
  • 採用(任意) 保育士・幼稚園教諭の募集。保護者向けとは知りたいことが違うので、入口を分けたほうが伝わります。

保育園は「預けられるかどうか」(認定・開所時間・慣らし保育)が先に、幼稚園は「園を選ぶ材料」(教育方針・預かり保育・バス・制服)が中心になります。同じ形を当てはめず、園の種別に合わせて組み替えます。

WHAT MATTERS

園のサイトで、私たちが外さない3つのこと

1. ゴールを「見学の申し込み」ひとつに絞る

入口をたくさん作ると、かえってどこを押せばよいか分からなくなります。どのページを読んでいても見学予約に戻れるようにして、そこだけは目立たせます。お電話が主な園でも、フォームや予約カレンダーがあると開園時間外のお申し込みを取りこぼしません。日程調整の電話が減るぶん、事務の時間も戻ってきます。

2. スマートフォンでの見え方を先に決める

園を探している保護者の方が使うのは、ほとんどがスマートフォンです。パソコンで作ってから縮めるのではなく、スマートフォンでの見え方を先に決めます。写真も軽い形式に変換して、通信環境がよくない場所でも開くようにします。

3. 誰にとっても読める作りにする

保育園も幼稚園も公共性の高い施設です。デジタル庁デザインシステム(DADS)とWCAG 2.2 AAの考え方を土台にして、次のような基準を満たすように設計します。目が疲れやすい方、キーボードだけで操作する方、指が届きにくい方にも届く作りにするためです。

本文の文字と背景のコントラスト比を4.5:1以上にする
キーボードで操作したとき、いまどこを選んでいるかがはっきり分かるようにする
ボタンやリンクのタップ領域を44px以上にする
本文の文字を16px以上にする
動きを減らす設定にしている方には、装飾のアニメーションを止める

FLOW

園の場合の進め方

基本の流れはご利用の流れのとおりです。園ならではのところだけ、ここに書いておきます。

  • 園長先生・主任へのヒアリング 保育や教育の考え方は、言葉にして初めて伝わります。日々あたりまえにされていることほど、外からは見えません。そこを一緒に掘り起こすところから始めます。
  • 写真の準備 いま園にある写真から始められます。足りないところは撮影の手配もご相談いただけます。顔を写さない構図でも、園の空気は十分に伝わります。
  • 園児の写真の扱いを先に決める 保護者の方の同意の取り方、載せる範囲、名前を出すかどうか。撮影より前に決めておくと、あとで差し替える手間がなくなります。
  • 見学の受け方を決める フォームで受けるか、空き状況の見えるカレンダーにするか。開催する曜日と時間帯、1回あたりの人数、受付の締切を園の運用に合わせて決めます。
  • 公開後の更新の練習 お知らせや見学日程は園で更新できる形にして、実際に操作していただきながらご説明します。公開して終わりにはしません。

FAQ

園のホームページについて、よくいただくご質問

ページ数と、原稿・写真の準備の進み具合によって変わります。まずお話をうかがったうえで、無理のない日程をご提案します。入園説明会や願書受付、年度の切り替えなど、間に合わせたい時期があれば、それに合わせた進め方を一緒に組みます。

はい。カレンダーで空き状況をお見せして、日時を選んでそのままお申し込みいただくところまで作れます。同じ枠に同時に申し込みが来ても二重予約にならないようにし、受付の締切も園の運用に合わせて設定できます。実際に動く見本をご用意していますので、お試しください。

いま園にある写真から始められます。足りないところは撮影の手配もご相談いただけます。園児の顔を写さなくても、手元や後ろ姿、保育室や給食の様子で、園の雰囲気は十分に伝わります。

保護者の方の同意をどのように取るか、どこまで載せるかを、撮影の前に決めておくことが大切です。顔が写らない構図で撮る、名前は載せない、といった方針を先に決めてから進めます。運用のルールづくりからご一緒します。

更新できる形でお作りします。行事のお知らせや見学日程のように頻繁に変わるところは、パソコンの操作に慣れていない方でも書き換えられるようにして、操作の説明もあわせて行います。

変わります。保育園は保育の必要性の認定や開所時間、慣らし保育といった「預けられるかどうか」が先に来ます。幼稚園は教育方針、預かり保育、通園バス、制服、2年保育か3年保育かといった「園を選ぶ材料」が中心になります。同じ構成を当てはめず、園の種別に合わせて組み替えます。

はい。認定こども園は1号認定と2号・3号認定で、保護者の方が知りたいことも申し込みの流れも変わります。どちらの方にも迷わせないよう、入口の分け方から一緒に考えます。

はい。保護者の方と求職者では知りたいことが違うため、採用のページは入口ごと分けることをおすすめしています。求人サイトに頼りきりにせず、園のサイトから直接応募いただける形にできます。

ページ数やご希望の内容によって変わるため、お話をうかがったうえでお見積りをご用意しています。ご相談・お見積りは無料です。「この範囲でどこまでできるか知りたい」という段階のご相談も歓迎しています。

ここにないご質問はよくある質問もご覧ください。

CONTACT

園の話を、聞かせてください

いまのホームページのどこが気になっているか、まだ形になっていない段階でもかまいません。ご相談・お見積りは無料です。

無料相談してみる
無料相談してみる