静岡のホームページ制作会社

制作に至った背景

親子で不登校の改善に取り組むという、全国的にも珍しい支援スタイルを展開されているトライアングル様。これまで口コミや対面での信頼構築を中心に活動されていましたが、その“温かさ”や“支援への本気度”が、Webでは十分に伝えきれていないという課題がありました。また、支援内容が多岐にわたるため、全体像が見えにくく、初めての方には一歩踏み出しづらい印象を与えていました。そこで今回の制作では、想いと専門性を言語化し、サービス内容を体系的に整理することで、「ここなら任せられる」と感じていただけるような信頼感のある設計を目指しました。

制作の裏側エピソード

制作において最も意識したのは、「ここに相談してみたい」と思ってもらえる“人の温度感”を、Web上でどう再現するかという点でした。代表の長野様の代表挨拶や、受講者のエピソード、スタッフの個性あるプロフィールなど、実際の現場にある“ぬくもり”を、言葉と構成の力で丁寧に抽出。ページ構成では、最初に「想い」を、次に「仕組み」を、最後に「スタッフの温かさ」を感じられる流れを設計し、読み進める中で自然と信頼が蓄積されていくよう意図しました。専門用語を避け、誰にでも読みやすく、かつ安心と共感が残るサイトを目指して作成しています。

実施した内容

Next to School トライアングル様の強みがひと目で伝わり、面談予約や問い合わせにつながるWebサイトを目指し、以下の点を重視して制作を行いました。

1.支援内容の全体像を見える化

トライアングル様の支援は、心理学講座・子どもカウンセリング・保護者相談・食事指導・キャンプなど多岐にわたります。そこで訪問者が混乱しないよう、それぞれの役割や位置づけを整理し、「改善ステップ」として段階的に見せる構成にしました。また、「家庭の健康から整える」「親子で学ぶ」という理念が伝わるよう、カテゴリごとの役割も明確に言語化。これにより、初めてサイトを訪れる保護者でも、自分たちが何を必要としているか理解でき、どんな支援があるのかが一目で把握できるようになり、不安の軽減につながる導線が生まれました。

2. 共感を生むストーリー設計

Webサイトの構成では、支援内容をただ説明するだけでなく、「なぜこの支援が生まれたのか」「どんな人たちが支えているのか」といった背景を丁寧に伝えることを意識しました。代表・長野様の経験や、支援を通して前進してきたご家族の声を掲載することで、初めて訪れた方にも親しみを持ってもらえるよう工夫しています。特別なストーリーを強調するのではなく、日々の積み重ねや実感のこもった言葉を大切にすることで、自然と「ここなら相談できそう」と感じられるような安心感のある構成を目指しました。

3.スタッフ紹介で“人のあたたかさ”を表現

トライアングル様の支援は、「どんな人が関わってくれるのか」が安心感を左右する大切な要素です。そこで、ただ役職や資格を紹介するだけでなく、それぞれのスタッフが「どんな想いで支援に携わっているのか」が伝わるよう、言葉選びや構成に工夫を加えました。プロフィールには経験や得意分野に加え、人柄がにじむコメントも添えることで、親しみやすさと信頼感の両方を持たせています。「この人になら相談できそう」と思っていただけるよう、人が見える紹介にこだわりました。

4.無料面談につながる自然な導線設計

初めて支援を検討している方にとって、いきなりサポートを依頼するのは不安が伴います。だからこそ、ホームページ上では「まずは話を聞いてみよう」と思える空気感づくりと、その流れを妨げない導線設計を大切にしました。ページを読んでサービスに共感したタイミングで、自然と目に入る位置に「無料面談予約」のボタンを配置。文言も「まずはお話だけでも」など心理的ハードルを下げる表現にし、どのページからでも迷わず次の行動に進める設計にしています。無理なく背中を押す、やさしい導線設計を意識しました。

５.信頼感のあるデザインで支援内容をイメージできる構成に

写真やイラストを使用することで「実際の雰囲気が伝わること」を意識しながら、サイト全体のビジュアル設計を行いました。たとえば、子どもたちがキャンプを楽しむ姿や活動の様子など、支援がどのように行われているのかが自然と伝わるように写真を配置しています。また、サービスの流れや改善ステップなどは、イラストやアイコンを使って見やすく整理。デザインもシンプルで清潔感のあるトーンに統一し、情報が頭に入りやすいように配慮しました。