ソラ皮ふ科クリニック
肌の悩みに、やさしく寄り添う。
「相談していいのか分からない」で来院をためらわれるクリニックのために、診療内容と流れ、担当者、院内の様子を事前に開示し、診療時間とWEB予約を最初の画面で示した医院サイトの設計例です。
想定クライアント一般皮膚科と美容皮膚科を併設するクリニック（自由診療も扱う開業医）
※ 掲載しているのはAIを活用した制作サンプルです。サンプルサイトの企業・人物・内容はすべて架空（フィクション）であり、実在のものではありません。
よくある課題
- 受診のハードルが高く、「この程度の悩みで行っていいのか」という迷いのまま離脱してしまう
- 美容皮膚科に対して「高額な施術をすすめられるのでは」という警戒があり、問い合わせに至らない
- 診療時間・休診日・予約方法が探しにくく、来院前に必要な情報にたどり着けない
この設計の狙い
来院前の不安をできるだけ小さくすること。何を相談でき、誰が対応し、どんな流れで進み、いくらかかるのかを事前に確認できる状態にして、受診の判断をご本人が落ち着いてできるようにしました。
この構成にした理由
オフホワイト＋セージグリーンで、医療の緊張をほぐす
背景は緑みのある白 #FAFBF8、アクセントは彩度を抑えたセージグリーン。医療系で多用される寒色の清潔感を残しつつ、白一色の硬さを避けて「相談しに行く場所」の印象に寄せています。
丸ゴシックの見出しと大きな角丸
見出しは Zen Maru Gothic、ボタンは角丸999pxのピル型。角のない形と柔らかい書体で威圧感を減らし、はじめて受診する方が身構えずに読み進められるトーンにしています。
最初の画面に診療時間・WEB予約・アクセスを置く
ファーストビュー直下に3枚の情報カードを配置。医院サイトで最も多い閲覧目的は「今日やっているか」「どう行くか」であるという前提から、探させずに提示する構成にしました。
診療内容を「流れ」とセットで見せる
各診療にメニューと当日の進み方をステップで併記。何をされるか分からない状態が受診のためらいを生むため、初診から次回案内までの手順を先に開示しています。
担当者と院内を顔と写真で示す
医師・スタッフの経歴と担当領域、待合・診察室・カウンセリングルーム・施術室の写真を掲載。誰にどこで会うのかが分かることを、来院前の安心材料として設計しています。
ページ構成
- トップ
- 当院について（院内案内・診療時間・アクセス・よくあるご質問）
- 診療案内（カテゴリ絞り込み）
- 医師・スタッフ紹介
- 予約・お問い合わせ
実装している機能
- スマホ・タブレット・パソコンの画面に合わせた表示
- 検索対策（検索結果やSNSで正しく表示される設定）
- 診療カテゴリの絞り込み（一般皮膚科／美容皮膚科／スキンケア）
- 診療時間表・休診日の明示
- よくあるご質問（押すと答えが開く形）
- 予約・問い合わせフォーム（希望日・時間帯・相談の種類を選ぶ形／迷惑な送信を防ぐ対策・入力内容の確認つき）
- スタッフ紹介
- 院内設備の紹介
- お知らせ
- だれでも使いやすくする配慮（キーボードで本文へ飛べるリンク・選んでいる場所の表示・動きを減らす設定への対応）
狙っている効果
- 診療内容と当日の流れを事前に確認できることで、受診をためらう段階での離脱を減らすことを狙っています
- 診療時間・休診日・予約方法を最初に提示することで、電話での問い合わせ対応の負担を軽くすることを想定しています
- 担当者と院内の様子が伝わることで、はじめて来院される方の心理的な負担を小さくすることを狙っています
※ 上記は本設計が狙う効果であり、成果を保証するものではありません。
このサイトを作るなら
この構成は、ライトプラン相当です（標準的な構成で、原稿はご支給いただく前提）。
まずは必要な情報を整えて、きちんと伝わる一式を用意したい方へ。
￥380,000〜（税別）
- 表示価格はすべて税別です。「〜」は最低価格を示し、最終金額はページ数・機能・素材の有無により変動します。
- サーバー・ドメインの管理費（￥5,000 / 月・税別）が別途必要です。
- 正式なお見積もりは、ご要望をうかがったうえでご提示します。
Let's talk
この構成で、あなたのサイトをつくれます。
・一般診療と自由診療を併設し、それぞれの入口を分けて伝えたい医院・電話問い合わせが多く、WEB予約に移行したいクリニック・院内の雰囲気や担当医を事前に知ってもらいたい医院
この内容で相談する（無料）