【HP】歯科クリニック

1. ヒアリング・要件定義（クリニックの強みである「予防歯科」「予防矯正」「カウンセリング」の整理）
2. 情報設計・ワイヤーフレーム作成（患者の心理的ステップに沿った構成の設計）
3. ビジュアルデザイン（やわらかいトーン＆マナーの設定、波型グラフィックや写真フレームの作成）
4. コーディング・レスポンシブ対応（PC・スマートフォン双方での見やすさと予約導線の最適化）

カラー

• メインカラー： ライトブルー（清潔感、安心感、信頼）
• アクセントカラー： コーラルピンク・イエロー（温かみ、親しみやすさ、優しさ）
• ベースカラー： 柔らかなオフホワイト（清潔感とリラックス感）

タイポグラフィ

• フォント： 丸ゴシック体／やわらかな印象のゴシック体
• ポイント： 親しみやすさと読みやすさを両立するため、丸みのあるフォントを採用。見出しには適度な余白を取り入れ、上品かつモダンで爽やかな印象に整えています。

情報設計 トップから下部にかけて、患者の不安を段階的に解消するストーリー構成にしています。

• ファーストビュー： 家族の笑顔の写真と「ずっと先の笑顔まで」というコピーで、ビジョンを明確に伝達。
• ニュース・診療時間： 必要な基本情報を上部にまとめ、通いやすさを提示。
• MESSAGE / OUR SERVICE： クリニックの思想（丁寧なカウンセリング、痛みの少ない治療、小児歯科・予防）を明確な見出しと大きなイラスト・写真でアピール。
• 診療案内（目的別）： 「歯を守る」「歯をきれいにしたい」「歯を治す」など、患者の悩みや目的に合わせて直感的に探せるカードUIを採用。

工夫したポイント

• 円形や曲線を意識した柔らかいビジュアルレイアウト 写真の枠線や背景のあしらいにウェーブや円を用いることで、角のない「やさしさ」「安心感」を視覚的に伝えています。
• 「目的別」診療案内で迷わせないUI設計 専門用語を並べるのではなく、「歯を守る」「痛みを和らげたい」といった患者目線のテキストでカテゴリ分けし、自分に必要な治療がひと目でわかる工夫を施しました。
• 固定ヘッダーによるスムーズな予約導線 画面最上部に「Web予約」「電話予約」ボタンを常時配置（または固定表示）し、ユーザーが「通いたい」と思ったタイミングで迷わず行動を起こせるコンバージョン設計にしています。