SAMPLE / NURSERY
小規模保育園向けデザインテンプレート「みつば」
0〜2歳をお預かりする小規模の園を想定して作りました。見学の申し込みまでたどりつくことを、いちばんの目的にしています。
PREVIEW
そのまま動く状態でご覧いただけます
「小規模保育園 みつば」は実在しません。園名・住所・電話番号・お知らせの内容は、デザインをご覧いただくためにUniMindが用意した架空のものです。フォームも送信されません。
CONCEPT
この見本で考えたこと
やわらかさと、読みやすさを両立させる
園のサイトは、あたたかい印象であることが大切です。ただ、やわらかい色は薄くなりがちで、そのままだと文字が読みにくくなります。この見本では、装飾はやわらかいまま、文字を置く部分だけはしっかり濃さを確保しました。飾りと読みやすさがぶつかったときは、飾りのほうを削っています。
最初の画面で、判断に必要なことを出し切る
保護者の方が最初に確かめるのは「対象年齢」「定員」「場所」「いま募集しているか」です。トップの最初の画面に、対象年齢と認可の種別、最寄り駅からの所要時間、募集状況、そして見学予約のボタンを並べました。スクロールしないと分からない、という状態を避けています。
見学予約という一点に集める
どのページを見ていても、見学予約に戻れるようにしています。ページの途中にも、いちばん下にも、スマートフォンでは画面の下端にも入口を置きました。園にお電話いただくことももちろん想定していますが、開園時間外に「いま調べている」保護者の方を取りこぼさないようにしています。
PAGES
全5ページ＋お知らせ
園によってページは増減します。この見本は、小規模の園でまず必要になる範囲をひととおり入れた形です。
-
トップ
園の雰囲気、対象年齢と定員、最寄り駅からの所要時間、募集状況。判断に必要なことを最初に出します。
-
園について
保育の考え方、1日の流れ、給食。園の言葉で書くほど、ほかの園との違いが伝わります。
-
入園案内・費用
対象年齢、定員の内訳、認可の種別、月々に必要なもの。曖昧にしないことで問い合わせが減ります。
-
アクセス
最寄り駅からの道順、送り迎えの動線、ベビーカー置き場。通えるかどうかの判断材料です。
-
見学予約
このサイトのゴール。項目は園の受け入れの流れに合わせて決めます。
-
お知らせ
行事や見学日程。更新が止まると印象に響くので、園で書き換えられる形にします。
MOBILE
スマートフォンでの見え方
園を探している保護者の方が使うのは、ほとんどがスマートフォンです。この見本では、パソコンで作ってから縮めるのではなく、スマートフォンでの見え方を先に決めました。
画面幅による切り替えはすべてCSSで書いています。JavaScriptで幅を見て組み替えると、JavaScriptが動く前に別のレイアウトが一瞬見えてしまうためです。
FULL PAGE
トップページの全体
上から下まで、どんな順番で情報が並んでいるかをご覧ください。枠の中はスクロールできます。
IF YOU LIKE IT
この見本をもとにする場合
見本をそのままお渡しすることはありません。御社の園の言葉と写真に合わせて作り直します。だいたい次のようなところを差し替えていきます。
- 園の情報 園名、ロゴ、住所、連絡先、対象年齢、定員、認可の種別。園の実際の情報に置き換えます。
- 色と雰囲気 この見本は緑を基調にしていますが、園のロゴや制服の色に合わせて組み替えられます。読みやすさの基準は保ったまま調整します。
- 写真 園の写真に差し替えます。掲載の範囲と保護者の方の同意の取り方は、撮影の前に一緒に決めます。
- ページの増減 採用ページを足す、年間行事のページを分ける、逆にまとめる。園の事情に合わせて構成ごと変えられます。
- フォームの項目 見学予約の入力項目と、お申し込みの受け取り方（メール、チャットへの通知など）を園の運用に合わせます。
- 更新のしくみ お知らせを園で更新できるようにします。操作の説明もあわせて行います。
ほかの見本は保育園のデザインテンプレート一覧と業種別の一覧からご覧いただけます。
CONTACT
このデザインで、御社の園だとどうなるか
「この雰囲気は好き。でもうちは0〜5歳だから」——そういうところから、ぜひお聞かせください。ご相談・お見積りは無料です。
このデザインで相談する