お問い合わせ

SAMPLE / CLINIC

矯正歯科向けデザインテンプレート「きれい」

歯並びの悩みから入れる導線と、料金を隠さない構成。高額で期間の長い治療だからこそ、決める前に必要なことが揃っている形にしました。

PREVIEW

そのまま動く状態でご覧いただけます

「きれい矯正歯科」は実在しません。医院名・住所(東京都港区北青山)・電話番号・診療時間・料金は、デザインをご覧いただくためにUniMindが用意した架空のものです。掲載している写真11点は、すべてAIで生成したものです。実在する医院・人物ではありません。予約フォームも、送信ボタンを押した内容はどこにも送信されません。

PREVIEW

別のタブで開く

画面の右側に出る縦タブと下部の固定バーは、枠の幅の都合で本文に少し重なります。本来の見え方は「別のタブで開く」からご確認ください。

CONCEPT

この見本で考えたこと

病名ではなく、鏡で見た悩みから入れるようにする

患者さんは「叢生です」とは思っていません。「前歯が重なっている」「口が閉じにくい」と思っています。トップページに症状の入口を6つ並べ、鏡で見て気になっていることから該当のページへ入れるようにしました。専門用語は添えるだけにして、先に来るのは日常の言葉です。

料金を隠さない

矯正は自由診療で、期間も費用も大きい治療です。金額が分からないことが、相談をためらう最大の理由になります。この見本では料金のページを独立させ、相談・検査から保定・観察まで段階ごとに示し、支払い方法にも触れています。問い合わせてから初めて金額を知る、という形を避けています。

予約への入口を、常に画面の中に置く

どのページのどこを読んでいても予約にたどりつけるよう、ヘッダーのボタン、画面右の縦タブ、スマートフォンでは画面下部のバーに入口を置いています。読んで納得した瞬間に動けることが大切で、そのために上へ戻らせません。

落ち着いた見た目にする

明朝体と余白を主役にして、色数を絞りました。医療は、明るさや勢いよりも、落ち着いて説明されていることのほうが信頼につながります。装飾で目を引くのではなく、読ませることを優先しています。

PAGES

全11ページ

グローバルナビは「診療案内」「はじめての方へ」「クリニック案内」の3つにまとめ、それぞれメニューを開くと下位のページが並びます。ページ数が増えても迷わせないための整理です。

  • トップページ。診察室で歯科医師と患者が話している写真の上に、大きな見出しと予約のボタンがある トップ 医院の雰囲気、特徴、診療の種類、治療の流れ、症状別の入口。知りたいことへの分岐を一枚に集めています。
  • 「当院の特徴」のページ。3つの特徴が並んでいる 当院の特徴 担当医の一貫性、検査の方法、料金の明瞭さ。他院との違いになるところを言葉にします。
  • 「診療案内」のページ。小児矯正・成人矯正・マウスピース矯正が並んでいる 診療案内 小児矯正、成人矯正、マウスピース矯正。対象と特徴を分けて説明します。
  • 「治療の流れ」のページ。カウンセリングから保定まで5段階が並んでいる 治療の流れ 無料カウンセリングから精密検査、治療開始、保定・メンテナンスまで。先が見えると相談しやすくなります。
  • 「料金のご案内」のページ。段階ごとの費用が表で並んでいる 料金のご案内 相談・検査、小児矯正、成人矯正、保定・観察、支払い方法。段階ごとに分けて示します。
  • 「よくある質問」のページ。治療・お子さま・費用の分類で質問が並んでいる よくある質問 治療について、お子さまの矯正、費用について。分類しておくと目当ての質問に届きます。
  • 「アクセス・診療時間」のページ。地図と診療時間の表が並んでいる アクセス・診療時間 所在地、来院時の案内、診療時間と休診日。通えるかどうかの判断材料です。
  • 「初診カウンセリングのご予約」のページ。入力フォームが並んでいる 初診カウンセリングのご予約 このサイトのゴール。休診日は選べないようにしてあります。完了画面も用意しています。
  • 「お知らせ」のページ。診療時間の変更などの記事が並んでいる お知らせ 休診や診療時間の変更。医院側で更新できる形にします。

このほかに送信完了画面とプライバシーポリシーを含めて全11ページです。

MOBILE

スマートフォンでの見え方

スマートフォンで見たときのトップページ。見出しと予約のボタンが縦に並び、画面の下端に予約と電話のバーが固定されている

歯並びの悩みを調べる場面は、通勤中や寝る前のスマートフォンであることがほとんどです。画面の下端に予約と電話のバーを固定して、どこを読んでいても動けるようにしています。

パソコンの右側の縦タブは、スマートフォンでは下部の固定バーに置き換わる
メガメニューは、スマートフォンでは開閉式のメニューに切り替わる
料金の表は、横スクロールさせずに縦に積み直して読ませる
本文の文字は16px以上。タップする場所は44px以上を確保する

FULL PAGE

トップページの全体

上から下まで、どんな順番で情報が並んでいるかをご覧ください。枠の中はスクロールできます。

トップページの全体。メインビジュアル、お知らせ、当院の特徴、診療案内、治療の流れ、症状別の入口、よくある質問、アクセス、予約への案内の順に並んでいる

IF YOU LIKE IT

この見本をもとにする場合

見本をそのままお渡しすることはありません。医院の言葉と写真に合わせて作り直します。だいたい次のようなところを差し替えていきます。

  • 医院の情報 医院名、ロゴ、住所、電話番号、診療時間、休診日、アクセス。実際の情報に置き換えます。
  • 診療内容 矯正以外の診療科目、対応している装置の種類。標榜できる診療科名の書き方も含めて確認しながら決めます。
  • 料金 実際の費用に置き換えます。自由診療では治療内容・費用・主なリスクを併記することが求められるため、そこも一緒に整えます。
  • 写真 この見本の写真11点はすべてAI生成です。実際の医院・スタッフの写真に差し替えます。撮影の手配もご相談いただけます。
  • 予約の受け方 フォームで受けるか、予約システムと連携するか。入力項目と受け取り方を医院の運用に合わせます。
  • 色と雰囲気 この見本はブラウン基調の明朝体ですが、医院のロゴや内装に合わせて組み替えられます。読みやすさの基準は保ったまま調整します。

ほかの見本はクリニック・歯科のデザインテンプレート業種別の一覧からご覧いただけます。

CONTACT

この雰囲気で、御院の場合はどうなるか

「相談の電話が少ない」「料金の問い合わせばかりで予約につながらない」——そういうところから、ぜひお聞かせください。ご相談・お見積りは無料です。

このデザインで相談する
このデザインで相談する