木漏れ日整骨院

“相談しやすい”を、見た瞬間に伝える。

Overview

整骨院サイトでは、施術内容そのものより前に「この先生に相談して大丈夫そうか」が重要になります。
本制作では、森と木漏れ日を感じる世界観、夫婦施術者の安心感、LINE予約導線を組み合わせ、 初めての方が緊張せず一歩進める構成を目指しました。

Challenge

課題は「不安の解消」と「予約までの迷いを減らすこと」。
・男性 / 女性どちらの先生に相談できるのか分かりにくい
・予約方法や相談のハードルが伝わりにくい
・スタッフ紹介が硬くなり、人柄が見えづらい
この“相談前の小さな不安”を減らすことを重視しました。

Solution

• 「先生を選べる」Choiceセクションを追加し、男性・女性どちらの先生にも相談できる安心感を明示。
• ReserveではLINE予約と電話相談を主役にして、OK系タグと補助タグで情報を整理。
• Staffには趣味サムネ切替を入れ、施術者の人柄が自然に伝わる構成へ。
• 木漏れ日PNG・ガラスUI・背景固定で、森の中にいるような落ち着いた空気感を統一。

Highlights

• おためしプランの基本構成から、予約導線・世界観演出を段階的に強化。
• 先生紹介を“経歴”だけでなく、“人柄”で選べる導線に変更。
• スマホでもReserveの優先順位が崩れないよう、情報量と余白を調整。

Design

深いグリーンと木材色をベースに、ガラスUIと木漏れ日演出を重ねました。 清潔感だけでなく、「落ち着いて相談できる」「自然体で通える」という印象を出すため、 余白・透過・光の動きを控えめに設計しています。

Result

“ただ情報を載せる整骨院サイト”ではなく、来院前の不安をやわらげ、 先生を選べる安心感と予約しやすさが伝わるサイトになりました。 おためしプランから始めても、反応や目的に合わせて店舗サイトへ育てられる例として設計しています。

Role & Deliverables

• 情報設計：初めての方の不安を減らす導線設計
• UI設計：先生選択 / 人柄サムネ / 予約CTA / ガラスUI
• 制作：HTML / CSS / JavaScript