PROBLEM
ホームページに、
今の園の姿は伝わっていますか？
次の状態が一つでもあれば、園の中にある価値が外に伝わっていない可能性がございます。
ホームページに、
今の園の姿は
伝わっていますか？
園の魅力が伝えきれていない
5年以上リニューアルしていない
園の特色を写真と文字で表現できていない
園の特色を写真と文字で
表現できていない
安全や日常の保育の工夫が載っていない
安全や日常の
保育の工夫が載っていない
情報発信・運用に課題がある
採用に関する情報が求人サイトだけ
更新が制作会社に依存している
更新が制作会社に依存している
SNSの更新がホームページに反映されていない
SNSの更新がホームページに
反映されていない
問題は、魅力がないことではありません。
日々積み重ねている園の「当たり前」を、
外から見える判断材料へ変えて行くことが大切です。
VALUE
園では当たり前のことが、
外から見れば大切な判断材料になります。
当たり前のことが、
外から見れば
大切な判断材料になります。
園の姿勢・職員の主体性を尊重
飾り付けなど、環境を創ろうとする園の姿勢が保護者の信頼感に繋がります。
求職者には、自分の力も発揮できる場所だと感じてもらえます。
01
安全への配慮・日常の積み重ね
当たり前の清掃、整えられた空間。それらの日常を映すことで、預ける場所の安心が見える状態にすることができます。日々の積み重ねこそが保護者にとっての安心材料です。
02
保育の実践・関係性
食育や防災などの取り組み、イベントなどの保育理念を体現化させた時間、保育士と保護者との関係性を伝えることで、預けるだけの場所ではない園の魅力などが伝えられます。
03
?
なぜ、判断材料になるのか？
保育環境では安心・安全に厳しい基準があり、園の皆さんはそれを守るのが当たり前だと感じていると思います。
実際、私が現場を見てみて感じたのは、その「当たり前が重なること で、安心した環境が構築されている」ということでした。
「安全衛生に気を遣っています」という文字では、サイトの訪問者には想像ができません。
おもちゃを一つひとつアルコール消毒する姿、子どもたちが歩く廊下を保育士さんが気持ちをこめて清掃している姿など、こういった日常の当たり前が、安全安心な預ける場所になり得るか、保護者の大切な判断材料になるのです。
CASE STUDY
制作事例
フルリニューアル
園の中にあった魅力を再発掘
保護者・求職者へ伝わるように再設計
公開後1ヶ月で入園希望のお問い合わせ
旧サイトでは園側だけで情報を更新しにくく、TOPページや各ページの情報の量と、スマートフォンでの見え方も十分ではありませんでした。
そこで、見た目だけを変えるのではなく、実際に園へ伺って安全・衛生・食育・職員環境を確認。
保護者向け情報と採用情報の両面から、サイト全体と公開後の運用を再設計しました。
TOPページの比較
Before
After
画像を上下にスクロールできます
現場に足を運び、リアルな魅力を言葉とデザインに。
実際に園へ伺い、園の雰囲気や先生方の想い、子どもたちの様子を丁寧に取材。
保護者の不安を解消し、働く魅力も伝わる、やさしく信頼感のあるホームページに生まれ変わりました。
現場に足を運び、
リアルな魅力を言葉とデザインに。
旧サイトの課題
園の魅力が、ホームページに十分載っていない。園での更新の難しさと不安があった
園の魅力が、ホームページに十分載っていない
更新の難しさと不安があった
リニューアル前のサイトでは、園の魅力や日々の取り組みを十分に伝えきれず、情報の更新や運用面でも課題を抱えていました。
旧サイトTOPページ
旧サイトギャラリーページ
旧サイト園のご案内ページ
01
園側のタイミングで更新しにくい
制作会社へ依頼しないと更新できない
園側のタイミングで
更新しにくい
園で新しい情報を発信したくても、どこを触ったらどう反映するのか分かりにくく、操作の難易度が高い状態でした。
制作会社への依頼が必要で、日常の情報をタイムリーに届けにくいことが課題でした。
02
園の取り組みが十分に載っていない
情報が少なく、園の中の様子が伝わりにくい
園の取り組みが
十分に載っていない
園内では多くの取り組みがある一方で、ページの内容が薄く、日々の保育や食育、職員の想いなど、その魅力を十分に知っていただけませんでした。
03
採用の判断材料が募集要項に偏っている
求人サイトだけでは、働く環境まで伝わりにくい
採用の判断材料が
募集要項に偏っている
採用に関する情報は求人サイトの募集要項のみで、先生の姿や園の考え方、職場の雰囲気など、求職者が働く場所を判断するための情報が不足していました。
改善プロセス
四つの段階で実施
現場で見たこと・聞いたことをもとに情報を整理し、園が果たしたい目的に合わせて情報の配置と組み合わせを設計。
設計した 情報と園の雰囲気、魅力をデザインで表現し、制作会社に頼らずに育てられるホームページへと改善しました。
情報の整理
伝わる設計
園らしいデザイン
育てられる
サイトの実装
まずは、園の中にある
「伝えるべき情報」を整理
現場で確認したものや園側から聞いた内容を、そのまま並べるのではなく、保護者・求職者が判断できるWebコンテンツへ変換しました。
01
清潔に保たれた園内
施設案内として、保護者が安心材料として確認できる「衛生管理への取り組み」を記載。
確認したこと
廊下やトイレの清潔感、日常の清掃方法や衛生管理
02
安全への配慮
子どもの安全をどう考える園かが分かる「安全への取り組み」へ。
確認したこと
安全柵や機器類などの設備と、日常的な安全対策
03
食育
園の保育・教育姿勢を理解できる
「食育」コンテンツへ。
確認したこと
食育の掲示や日々の活動、食事を学びへつなげる考えや実践があった
04
防災
保護者が具体的な備えを確認できる
「防災」情報へ。
確認したこと
万一に備えた設備、備蓄、訓練の内容
05
職員の環境
採用情報と職場環境を伝える判断材料へ。
確認し たこと
職員が主体性を持った取り組みを評価する園側の姿勢を汲み取る
見つけた情報を構造化、
保護者と求職者に伝わるページに変換
整理した情報を、Webで伝えるためのコンテンツへと変換し、保護者や求職者が知りたい順に並べ直しました。
保護者向け情報
園のことがよく分かり、安心して通わせられるように知りたい情報へスムーズにたどり着ける構成にしました。
主なコンテンツ
園について
園生活
安全・食育
日々のお知らせ
Instagramu
トップページ
保護者に園の魅力が伝わりやすい情報の配置
安全・食育
食事と安全の取り組みを紹介
園生活ページ
日常の様子をわかりやすく
理念や概要だけでなく、「実際にどのような保育を行う園なのか」まで確認できる情報構成に変換。
お知らせもInstagramと連携し、自動で更新されるようにして園の魅力を取りこぼさないように設計しました。
求職者向け情報
職員の姿や働く環境 が具体的に伝わり、「ここで働きたい」と思える情報へ整理しました。
主なコンテンツ
1日の流れ
募集要項
園長先生の声
保育理念
保育理念
共に働く人の想いが伝わる
一日の流れ
仕事のイメージがつかめる
募集要項ページ
安心して応募できる情報を掲載
求人票だけでは分からない、「ここで働いたらどのような毎日になるのか」を判断できる情報を整理し、スマートフォンでも読みやすく最適化を行いました。
園らしい温かさと、
情報の探しやすさ
見やすさを両立したデザイン
園の理念を表現する色味と装飾を選びつつ、保護者と求職者にも親しみやすさと信頼感を持ってもらえるデザインに。
特にスマートフォンでの見やすさを優先し、園が大切にしている外遊びや自然との触れ合いを、実際に園の中で遊んでいた子どもたちを用いて表現しています。
スマートフォンでも
読みやすい
文字量と余白
保護者が
迷いにくい
情報階層
.png)
求職・保護者に
親しみやすさと
信頼感の両立
雰囲気を
写真で伝える
Instagramと連携
制作会社に頼らず、
園のタイミングで
「今」を発信できるように
旧サイトの「制作会社へ依頼しないと更新できない」、自分で触るとサイトが壊れそうで不安、という課題に対し、公開後の日常業務まで見据えて更新環境を整えました。
01
ブログなど園側で更新
ブログ・写真の差し替えを、園のタイミングで変更できるように。
直感的に触れる編集画面で、写真のやテキストの更新も簡単にできてサイト崩れの不安もないので安心です！
主な更新できる項目
・お知らせの投稿
・ブログの更新
・写真の差し替え（行事・日常の様子）
ドラッグ&ドロップで使いやすく更新しやすいブログで今の園を伝えていく
どこの写真/テキストを変えればいいか直感的にわかり、触ってもサイトが崩れない編集画面
02
Instagram連携
Instagramを更新するだけで、自動的にホームページにも反映される仕組みを導入。日々の発信をサイトの新鮮さにもつなげます。
連携のメリット
・二重投稿の手間がなくなる
・園の日常が自動でサイトに表示される
・写真中心で園の雰囲気が伝わる
instagramで日常を更新
自動で最新の投稿が更新。園の新鮮さを保ち、運営の信頼性を高める
03
操作レクチャー
日常運用を想定した、園専用の操作画面をご用意。初めての方でも迷わず更新できるよう、分かりやすく解説しています。
主なレクチャー内容
・お知らせ・ブログの投稿方法
・写真のアップロードと差し替え
・お問い合わせフォームの編集方法
サイトに入ってすぐにレクチャー動画が並んでいるのですぐに確認できます
実際の画面操作を見ながらできるので、引き継ぎの負担なども最小限に抑えられます
AFTER LAUNCH
お客様の声
公開後1か月以内に、
入園を希望する方からお問い合わせ
※左:web担当 海老名さん 中央:園長 武者さん 右:DRB水谷敏暉
制作途中で心配になったところもなく、
何から何までやっていただいて感謝しています！
“
”
今回のHPリニューアルは職員全員が同じ方向を向いて進んでいくための大切な一歩になると思っています。
これからは園内でHPを更新できるため、情報発信の幅が広がることもうれしいです。分かりやすい動画マニュアルまで用意していただき、とても助かりました。
入園希望者のお問い合わせも来て感動しました！
橋本中央保育園 園長 武者さん
園内で更新できる
ブログ・お知らせ・写真の更新が自分たちで可能に。
わかりやすい
動画マニュアル
PCが苦手でも安心して運用できる、園専用のサポート。
やり取りまで
代行してくれた
前の制作会社と連絡が取れない状況も対応。ポータルサイトの掲載情報更新の代行など。
園見学の
お申し込みがありました！
公開後1ヶ月
入園希望の園見学のお申し込みがありました！
WHY - D.R.B
D.R.Bが選ばれる３つの理由
POINT
1
公開後も、園で情報を育てられる仕組みへ。
ホームページは、公開して終わりではありません。
D.R.Bは、園の先生方が無理なく・安心して・継続的に情報を発信できるよう、
仕組みとサポートを整えています。
01
園で更新
お知らせ・ブログ・園だよりも簡単に
難しい知識は不要です。お知らせ・ブログ・園だより・PDFなどを、園の先生方が自園で更新できるよう、わかりやすい管理画面をご用意。日々の園の様子を、タイムリーに発信できます。
かんたん操作で
すぐに更新できる
02
発信をサポート
伝えたい想いを、形に
園の魅力や想いが保護者や求職者に伝わるように、文章の書き方・発信のタイミングなど、目的に合わせた情報発信をサポート。
困ったときも気軽に相談できる体制で、無理なく続けられます。
更新のコツも
丁寧にご案内
03
見つけてもらう支援
検索にも、しっかり対応
構造化データ・FAQ・Search Console・GA4・Googleビジネスプロフィールの初期設定など、検索で見つけてもらえるための基本設定を行い、継続的にアクセスされるサイトの土台を整えます。
検索で選ばれる
園のホームページへ
POINT
2
3者を支えるホームページ
保護者・求職者・園職員、それぞれに必要な情報が届くように設計し、
子どもを中心とした園の魅力が伝わるホームページを制作します。
01
保護者
安心して預けられる
方針・日常・安全・先生・見学会
など、知りたい情報に素早くアクセスでき、子どもの様子が伝わることで、安心感を持ってもらえます。
02
求職者
働くイメー ジが持てる
求人サイトには載っていない
園の雰囲気や想いを伝え、一日の流れ・働き方・職場の人間関係など、応募前の不安を減らし、共感する人との出会いをつくります。
03
園職員
情報発信がしやすい
お知らせ・ブログ・園だよりのPDFを自動で更新しやすくし、日々の業務の合間でも無理なく続けられるような仕組みを整えます。
POINT
3
園への理解を、途中で分断しにくい制作の流れ
現場を見た制作者が、発見した意味を設計・デザイン・実装までつなぎます。
制作会社の場合
分業制
ディレクターを通した指示になるため、園側の意図と実際の制作にズレが生じることがあります。
伝言ゲームで最後の答えが少しずつ変わってしまうように、ディレクターとクリエイターの間でも認識のズレは起こりがちです。
そのズレを防ぐために確認や共有を重ねますが、クリエイターも外部に委託している場合が多く、やり取りや修正に時間がかかることも。
また、実際に園が更新・運用する場面までクリエイターが理解していないと、公開後の更新でレイアウトが崩れるなど、運用面で困る可能性もあります。
とはいえ、クリエイターのレベルはトップクラスの方が多いため、出来栄えは素人感が少なく、クオリティが担保されていることが多いです。
公開後にこんな問題も
園で更新したらレイアウトが崩れる……
画像はどこを変えたらどこが変わるのかわかない……
制作会社に頼んで追加費用が大きい、時間がかかる……
D.R.Bの場合
一気通貫
ディレクターでもあり、クリエイターでもある制作者が直接現場に伺い、園長さんや職員さんと話しながら、園の雰囲気や伝えたいことを丁寧にすり合わせます。
日常ではどんな更新をするのか、担当者さんはPC作業のどこに苦手意識があるのか。
そうした公開後の運用まで見越したうえで、制作を進めます。
ヒアリングから設計、制作まで一気通貫で行うため、認識のズレが少なく、制作もスムーズ。状況に合わせて柔軟に対応できることも強みです。
制作会社からの業務委託では、年間24社のホームページ制作を担当してきました。
継続してご依頼いただいていることも、制作クオリティへの信頼のひとつだと考えています。
現場の雰囲気や想い
がダイレクトに伝わる
修正や相談がスムーズ
スピーディーな制作
一貫した対応で
イメージのズレが少ない
柔軟な表現・提案が可能
継続的な運用サポート
現場の雰囲気や想いがダイレクトに伝わる
修正や相談がスムーズ
スピーディーな制作
一貫した対応でイメージのズレが少ない
柔軟な表現・提案が可能
継続的な運用サポート
公開後
2ヶ月間の無料サポート
わからないことがあってもすぐに聞ける！
専用動画で園で更新ができる！
何かあってもすぐに対応してもらえる！
FLOW
お問い合わせから公開までの流れ
無料ご相談
60分のオンライン面談で、貴園の想いや、こうなっていきたいなどのお話をしていただきます。
商談は無しの堅苦しいものではないお話で、園の現状を整理し、未来に繋げていく方法を一緒に探す相談です。
見積提示・ご契約
無料ご相談でお話いただいた内容をもとに、制作内容のお見積もりのご提示を行わせていただきます。
決済を確認後、制作が始まります。
ヒアリング
無料ご相談でお話した内容を深ぼりし、具体的にどのような未来を作っていくか、
目的設定を明確にするヒアリングです。その中で、どこまで協力できるかなども
整理いたします。ここで現地訪問の日程候補をいただきます。
現地訪問
（施設の写真撮影を含む）
園の中を回りながらヒアリングさせていただきます、視察のようにジャッジするものではなく、
園の良さを掘り起こす時間ですのでご安心ください。
※ 現地訪問は基本2回を想定しております。一回目は04現地訪問。二回目で子どもたちや職員さんの
日常保育の撮影。 ※ 訪問の予約日など、状況により1回へ集約する場合もございます。※少しカジュアルで白を基調としたお子さまに緊張を与えない
ことを意識した服装で訪問させていただきます。
情報設計のご確認
（オンライン）
現情報設計で作成しましたワイヤーフレームのご確認を一緒に行なっていただきます。
目的は、園業務の強く未来を作る土台として設計されているかの認識の相違をなくすためです。
※ どうしてもヒアリングのお時間が取るのが難しい場合は、説明動画を収録して共有いたしますので、ご確認をお願いいたします。
弊社 情報設計
ヒアリング内容に基づいて情報設計をいたします。WEB制作の業界用語でいうところのワイヤーフレームです。
白黒でデザインのない、サイトの骨格となります。
デザインチェック
デザインのチェックを行なっていただきます。
園の雰囲気に合っているかなど、遠慮なくご意見をいただきたく存じます。
※ 一定間を目安にチェックと修正を行います。
弊社 デザイン
ヒアリングで伺いました園の雰囲気などに合わせてデザインを行なって参ります。
撮影
お子さまと職員さんの日常の保育の様子を撮らせていただきます。お子さまが不安にならないように、
黒色やスーツのような緊張と不安を抱かせる服装ではなく、少しカジュアルで白を基調としたお子さまに緊張を与えない
ことを意識した服装で訪問させていただきます。
弊社 Wix Studio実装
デザインをwebの世界に構築する作業です。スケッチをもとに物を作るイメージを持っていただければ幸いです。
確認 → 改善 → 併認
実際に公開されるサイトを確認していただきます。
寸法など、デザインの塗りに実装を行なっても、サイトにすると印象が違う場合がございます。
その差異をなくすためにサイトを触っていただき、印象とずれがないかをご確認いただきます。
※ サイト実装が完了してから常営業日3日以内にご確認いただきたく存じます。
※ トータルで一週間を目安に完成させることが目的です。無理のない範囲でご確認いただきたいのです
が、この確認が遅れるほど対応が後ろ倒しになりますのでご了承ください。
操作動画納品
園で実際に作業をする方、または代表者の方とお話をする機会をいただき、操作方法を画面共有をし
ながらお伝えいたします。そのセッションを元に、わかりにくい言葉や言い回しを避けて、誰にでも引き継げるよう
公開・2ヶ月の支援
晴れてサイトが公開です！本当にお疲れ様です！
ここから、実際に日常で使っていただくのですが、ブログの更新をしてみてわからないことが出てくる、やりたいことが見えてくるなどがあると存じます。
そういったところを解消し、更新しやすいサイトにしていくサポートもございますので、ご安心ください。
無料ご相談
60分のオンライン面談で、貴園の想いや、こうなっていきたいなどのお話をしていただきます。
商談は無しの堅苦しいものではないお話で、園の現状を整理し、未来に繋げていく方法を一緒に探す相談です。見積提示・ご契約
無料ご相談でお話いただいた内容をもとに、制作内容のお見積もりのご提示を行わせていただきます。
決済を確認後、制作が始まります。ヒアリング
無料ご相談でお話した内容を深ぼりし、具体的にどのような未来を作っていくか、
目的設定を明確にするヒアリングです。その中で、どこまで協力できるかなども
整理いたします。ここで現地訪問の日程候補をいただきます。現地訪問
（施設の写真撮影を含む）
園の中を回りながらヒアリングさせていただきます、視察のようにジャッジするものではなく、
園の良さを掘り起こす時間ですのでご安心ください。
※ 現地訪問は基本2回を想定しております。一回目は04現地訪問。二回目で子どもたちや職員さんの
日常保育の撮影。 ※ 訪問の予約日など、状況により1回へ集約する場合もございます。※少しカジュアルで白を基調としたお子さまに緊張を与えない
ことを意識した服装で訪問させていただきます。情報設計のご確認
（オンライン）
現情報設計で作成しましたワイヤーフレームのご確認を一緒に行なっていただきます。
目的は、園業務の強く未来を作る土台として設計されているかの認識の相違をなくすためです。
※ どうしてもヒアリングのお時間が取るのが難しい場合は、説明動画を収録して共有いたしますので、ご確認をお願いいたします。弊社 情報設計
ヒアリング内容に基づいて情報設計をいたします。WEB制作の業界用語でいうところのワイヤーフレームです。
白黒でデザインのない、サイトの骨格となります。デザインチェック
デザインのチェックを行なっていただきます。
園の雰囲気に合っているかなど、遠慮なくご意見をいただきたく存じます。
※ 一定間を目安にチェックと修正を行います。弊社 デザイン
ヒアリングで伺いました園の雰囲気などに合わせてデザインを行なって参ります。
撮影
お子さまと職員さんの日常の保育の様子を撮らせていただきます。お子さまが不安にならないように、
黒色やスーツのような緊張と不安を抱かせる服装ではなく、少しカジュアルで白を基調としたお子さまに緊張を与えない
ことを意識した服装で訪問させていただきます。弊社 Wix Studio実装
デザインをwebの世界に構築する作業です。スケッチをもとに物を作るイメージを持っていただければ幸いです。
確認 → 改善 → 併認
実際に公開されるサイトを確認していただきます。
寸法など、デザインの塗りに実装を行なっても、サイトにすると印象が違う場合がございます。
その差異をなくすためにサイトを触っていただき、印象とずれがないかをご確認いただきます。
※ サイト実装が完了してから常営業日3日以内にご確認いただきたく存じます。
※ トータルで一週間を目安に完成させることが目的です。無理のない範囲でご確認いただきたいのです
が、この確認が遅れるほど対応が後ろ倒しになりますのでご了承ください。操作動画納品
園で実際に作業をする方、または代表者の方とお話をする機会をいただき、操作方法を画面共有をし
ながらお伝えいたします。そのセッションを元に、わかりにくい言葉や言い回しを避けて、誰にでも引き継げるよう公開・2ヶ月の支援
晴れてサイトが公開です！本当にお疲れ様です！
ここから、実際に日常で使っていただくのですが、ブログの更新をしてみてわからないことが出てくる、やりたいことが見えてくるなどがあると存じます。そういったところを解消し、更新しやすいサイトにしていくサポートもございますので、ご安心ください。
最短2ヶ月
2週間〜1ヶ月
ヒアリング
01
決済完了後のオンラインヒアリングから最初の現地訪問の期間です。現場に伺わせていただきますので、スケジュールの御協力をお願いいたします。
3週間
デザイン
＆
実装
02
D.R.Bにてデザインと実装を行います。貴社には、載せる情報のチェックとデザインチェックの最低2回のご協力をお願いいたします。
1週間
公開前
チェック
03
D.R.Bにてサイト公開前のチェックを行います。園専用のレクチャー動画も作成をいたします。晴れて公開です！