雪椿内科クリニック

“病院っぽい”ではなく、“安心できる”を作る。

Overview

クリニックサイトで最も大切なのは、デザインの派手さではなく「迷わなさ」と「安心感」。
本制作では、診療科目の理解→予約→来院（アクセス/診療時間）の流れを、読み疲れない情報量で整理しました。

Challenge

医療サイトは「初めての人」が多く、判断の材料も多い一方で、不安が強い領域です。
・どの診療科に行けばいいか分からない
・何を準備すればいいか不安
・受付時間/休診/場所を見落としてしまう
こうした“つまずき”を減らす設計が課題でした。

Solution

• 診療科目はカードで整理し、「自分ごと化」できる短い説明に。
• 予約フォームは曜日の自動表示＋入力バリデーションで、送信までの不安を減らす。
• アクセスページに診療時間を再掲し、来院前に必要な情報を1ページで完結。
• お知らせは一覧＋詳細＋“現在地表示”で、回遊しても迷子にならない。
• SEO/OGPを整え、公開後の共有（SNS/LINE）でも見た目が崩れない。

Highlights

• 診療科→予約→アクセスの順で判断できる導線設計。
• フォーム入力バリデーションで送信の不安を軽減。
• お知らせ構造を整理し、運用しやすい更新導線を設計。

Design

清潔感を前提に、余白と読みやすさを最優先。
“診療＝堅い”になりすぎないよう、柔らかい丸み・控えめな影・落ち着いたグリーンで統一しました。
ボタン/カード/見出しはコンポーネントとして管理し、ページを増やしてもトンマナが崩れない設計です。

Result

“どこを見れば良いか”の迷いが減り、予約・来院に必要な情報が自然に揃う構成になりました。
また、運用を想定したお知らせ構造と、SEO/OGPの整備により「作って終わり」ではなく、公開後に育てられるサイトとしての完成度を高めています。

Role & Deliverables

• 情報設計：予約→来院までの導線整理
• UI設計：診療科カード / フォームUX
• 制作：HTML / CSS / JavaScript