児童発達支援・放課後等デイサービス Cocoa様 ホームページ制作実績
心理の専門職による支援を保護者様に伝える、児童発達支援・放課後等デイサービスのWebサイトリニューアル
児童発達支援・放課後等デイサービス「Cocoa」様の公式ホームページをリニューアルいたしました。更新がしづらくなっていた既存サイトを作り替え、臨床心理士・公認心理師である代表が組み立てた支援の中身が保護者様に伝わる構成に。自社で更新できるCMS、見学・体験のWeb予約、Googleしごと検索に対応した採用ページを組み合わせています。
課題
Cocoa様は、臨床心理士・公認心理師・社会福祉士の資格を持つ代表が、札幌市豊平区で児童発達支援・放課後等デイサービスを運営されています。UCLAで開発されたプログラムを取り入れた独自のソーシャルスキルトレーニングなど、心理の専門職ならではの支援を提供されている施設です。 既存のWebサイトはあったものの、更新がしづらい状態になっており、お知らせなどの情報を最新に保つことが難しくなっていました。また、押しても反応しないボタンが残っているなど、ご覧になった方が正しく操作できない箇所もありました。 部分的な修正で対応するのではなく、更新のしやすさと動作の確実性を土台から確保するため、サイト全体を作り替えることとなりました。あわせて、施設をお探しの保護者様に支援の内容が伝わる情報設計と、これまで電話のみだった見学のお申し込み窓口の整備も求められていました。
ご提案・対応
■ 保護者様目線の情報設計 「どんな施設か」「どんな支援を受けられるか」「いくらかかるか」「利用までどう進むか」が迷わずたどれるよう、Cocoaについて・事業所概要・お知らせ・コラム・採用情報とページを整理しました。サービス内容、一日の流れ、ご利用料金、ご利用までの流れ、よくあるご質問を保護者様の視点で並べ替え、専門的な支援内容は平易な言葉に言い換えてお伝えしています。すべてのリンク・ボタンについて、実際の遷移先まで一つずつ検証いたしました。 ■ 専門性とあたたかさを両立したデザイン 心理の専門職が対応する施設としての信頼感と、お子さまを迎える場所としてのあたたかさが両立するよう、落ち着いた色調とやわらかなあしらいで構成しました。スマートフォン・タブレット・PCのどの画面でも快適にご覧いただけるレスポンシブ対応です。 ■ 自社で更新できるCMS「UpNote」連携 お知らせ・コラム・よくあるご質問・求人情報を、専用の管理画面からお客様ご自身で追加・更新できるようにしました。コラムは記事ごとに個別URLを持ち、検索エンジンに1記事ずつ登録される構成です。あわせて、通信が不安定なときの再取得や、情報を取得できない場合の代替表示も組み込み、画面が崩れない作りにしています。 ■ 見学・体験のWeb予約 これまでお電話のみだった見学・体験のお申し込みを、Webからも受け付けられるようにしました。空き日時を選んでお申し込みいただくと、確定とキャンセルのご案内がメールで届きます。保護者様ご自身でキャンセルすることもできます。 ■ 採用ページとGoogleしごと検索への対応 求人情報もCMSから更新できるようにし、Googleしごと検索に掲載されるための構造化データを各求人ページに出力しました。募集終了日を過ぎた求人は自動的に一覧から外れ、検索エンジンにも登録されない状態に切り替わります。応募フォームもページ内に設置しています。 ■ 旧サイトからの移行とSEOの基盤整備 旧サイトのページ一覧をもとに、これまでのURLへのアクセスが新サイトの該当ページへ引き継がれるよう転送設定を行いました。検索結果やブックマーク、外部サイトからのリンクがエラーにならずにつながります。あわせて各ページのタイトル・説明文・構造化データ・サイトマップを整備し、「札幌 放課後等デイサービス」などの検索で見つけていただくための土台を整えました。全ページをあらかじめHTMLとして書き出す方式を採用し、表示速度と検索エンジンからの読み取りやすさも確保しています。
成果
更新のしづらさと動かないボタンを抱えていたサイトが、心理の専門職による支援の内容と、利用までの流れが保護者様にきちんと伝わる公式サイトに生まれ変わりました。 お知らせ・コラム・よくあるご質問・求人情報はお客様ご自身の手で更新できるため、公開後も費用をかけずに情報の鮮度を保てます。求人についても、募集のたびに制作会社へ依頼する必要がなくなりました。 見学・体験の受付はWeb予約・フォーム・お電話の3つの窓口に整理され、営業時間外でもお申し込みいただけるようになりました。旧サイトのURLからの転送設定により、これまでに積み上がった検索エンジンからの評価も引き継いでいます。コラム記事の個別URL化と構造化データの整備により、記事を書き続けるほど検索エンジンからの入口が増えていく、育てていけるサイトになっています。
納品物・成果物
・Webサイト一式（静的ページ9種、詳細ページ3種、404ページ） ・CMS連携実装（お知らせ／コラム／よくあるご質問／求人） ・見学・体験のWeb予約ページおよびキャンセルページ ・お問い合わせ・資料請求フォーム ・ビルド時プリレンダリングおよびサイトマップ自動生成スクリプト ・Cloudflare Workersへのデプロイ設定 ・引き継ぎドキュメント（HANDOFF.md／運用時の設定項目・判断事項の一覧）
プロジェクト体制
ヒアリングから設計・デザイン・実装・公開・運用引き継ぎまで、代表がひとりで一貫対応。お客様と直接やり取りしながら進行しました。
学び・再現ポイント
すでにサイトをお持ちのお客様のリニューアルでは、見た目を新しくすること以上に「公開後にご自身で更新し続けられるか」が価値を左右します。更新が止まってしまう状態を作らないよう、お知らせやコラムだけでなく求人情報までCMSから扱えるようにしておく設計は、他の施設サイトでもそのまま再現できます。 また、旧サイトからの移行では、これまでのURLを一つずつ洗い出して転送先を決める作業が欠かせません。ここを省くと、それまでに積み上げてきた検索エンジンからの評価が失われてしまいます。リニューアル案件では制作と同じ比重で移行設計に時間を確保すべきだと、あらためて確認した案件でした。
制作イメージ
事業所のホームページ制作をお願いしました。 以前のホームページでは、自分で更新することが難しく、せっかくある自社サイトを十分に活かすことができていませんでした。そこで今回、ホームページの制作をお願いしました。 こちらが大切にしている雰囲気や伝えたいことを丁寧に汲み取っていただき、デモサイトを一緒に確認しながら、想像していた以上に素敵なホームページに仕上げていただきました。 専門的なことが分からない部分についても、こちらの希望を聞きながら一つひとつ形にしてくださり、安心してお任せすることができました。 特に印象的だったのは、デザイン性だけではなく、実際に見る方にどう伝わるかまで考えて情報設計されていることです。 今回のホームページには、理念や支援に対する考え方など比較的長めの文章も掲載しています。 文章量からユーザー側の受け取りについて気になっていたのですが、見出しや余白、文字の強弱、マーカーなどを効果的に使い、自然に視線が流れるよう工夫していただきました。 文章量が多いページでも圧迫感がなく、伝えたいポイントを拾いながら読み進められるなど、読みやすさまで丁寧に考えて制作していただいたと感じています。 また、見た目だけではなく、公開後に自分で内容を更新していくことも含め、実際の運用まで考えて制作していただけた点も非常に良かったです。 細かな要望や相談にも親切に対応していただき、こちらの漠然としたイメージを具体的なデザインとして形にしてくださる提案力も含め、最後まで安心してお願いすることができました。 素敵なホームページを制作していただき、本当にありがとうございました。 ホームページ制作を検討されている方には、ぜひおすすめしたいです。