SAMPLE / CLINIC
矯正歯科向けデザインテンプレート「きれい」
歯並びの悩みから入れる導線と、料金を隠さない構成。高額で期間の長い治療だからこそ、決める前に必要なことが揃っている形にしました。
PREVIEW
そのまま動く状態でご覧いただけます
「きれい矯正歯科」は実在しません。医院名・住所(東京都港区北青山)・電話番号・診療時間・料金は、デザインをご覧いただくためにUniMindが用意した架空のものです。掲載している写真11点は、すべてAIで生成したものです。実在する医院・人物ではありません。予約フォームも、送信ボタンを押した内容はどこにも送信されません。
画面の右側に出る縦タブと下部の固定バーは、枠の幅の都合で本文に少し重なります。本来の見え方は「別のタブで開く」からご確認ください。
CONCEPT
この見本で考えたこと
病名ではなく、鏡で見た悩みから入れるようにする
患者さんは「叢生です」とは思っていません。「前歯が重なっている」「口が閉じにくい」と思っています。トップページに症状の入口を6つ並べ、鏡で見て気になっていることから該当のページへ入れるようにしました。専門用語は添えるだけにして、先に来るのは日常の言葉です。
料金を隠さない
矯正は自由診療で、期間も費用も大きい治療です。金額が分からないことが、相談をためらう最大の理由になります。この見本では料金のページを独立させ、相談・検査から保定・観察まで段階ごとに示し、支払い方法にも触れています。問い合わせてから初めて金額を知る、という形を避けています。
予約への入口を、常に画面の中に置く
どのページのどこを読んでいても予約にたどりつけるよう、ヘッダーのボタン、画面右の縦タブ、スマートフォンでは画面下部のバーに入口を置いています。読んで納得した瞬間に動けることが大切で、そのために上へ戻らせません。
落ち着いた見た目にする
明朝体と余白を主役にして、色数を絞りました。医療は、明るさや勢いよりも、落ち着いて説明されていることのほうが信頼につながります。装飾で目を引くのではなく、読ませることを優先しています。
PAGES
全11ページ
グローバルナビは「診療案内」「はじめての方へ」「クリニック案内」の3つにまとめ、それぞれメニューを開くと下位のページが並びます。ページ数が増えても迷わせないための整理です。
-
トップ
医院の雰囲気、特徴、診療の種類、治療の流れ、症状別の入口。知りたいことへの分岐を一枚に集めています。
-
当院の特徴
担当医の一貫性、検査の方法、料金の明瞭さ。他院との違いになるところを言葉にします。
-
診療案内
小児矯正、成人矯正、マウスピース矯正。対象と特徴を分けて説明します。
-
治療の流れ
無料カウンセリングから精密検査、治療開始、保定・メンテナンスまで。先が見えると相談しやすくなります。
-
料金のご案内
相談・検査、小児矯正、成人矯正、保定・観察、支払い方法。段階ごとに分けて示します。
-
よくある質問
治療について、お子さまの矯正、費用について。分類しておくと目当ての質問に届きます。
-
アクセス・診療時間
所在地、来院時の案内、診療時間と休診日。通えるかどうかの判断材料です。
-
初診カウンセリングのご予約
このサイトのゴール。休診日は選べないようにしてあります。完了画面も用意しています。
-
お知らせ
休診や診療時間の変更。医院側で更新できる形にします。
このほかに送信完了画面とプライバシーポリシーを含めて全11ページです。
MOBILE
スマートフォンでの見え方
歯並びの悩みを調べる場面は、通勤中や寝る前のスマートフォンであることがほとんどです。画面の下端に予約と電話のバーを固定して、どこを読んでいても動けるようにしています。
FULL PAGE
トップページの全体
上から下まで、どんな順番で情報が並んでいるかをご覧ください。枠の中はスクロールできます。
IF YOU LIKE IT
この見本をもとにする場合
見本をそのままお渡しすることはありません。医院の言葉と写真に合わせて作り直します。だいたい次のようなところを差し替えていきます。
- 医院の情報 医院名、ロゴ、住所、電話番号、診療時間、休診日、アクセス。実際の情報に置き換えます。
- 診療内容 矯正以外の診療科目、対応している装置の種類。標榜できる診療科名の書き方も含めて確認しながら決めます。
- 料金 実際の費用に置き換えます。自由診療では治療内容・費用・主なリスクを併記することが求められるため、そこも一緒に整えます。
- 写真 この見本の写真11点はすべてAI生成です。実際の医院・スタッフの写真に差し替えます。撮影の手配もご相談いただけます。
- 予約の受け方 フォームで受けるか、予約システムと連携するか。入力項目と受け取り方を医院の運用に合わせます。
- 色と雰囲気 この見本はブラウン基調の明朝体ですが、医院のロゴや内装に合わせて組み替えられます。読みやすさの基準は保ったまま調整します。
ほかの見本はクリニック・歯科のデザインテンプレートと業種別の一覧からご覧いただけます。
CONTACT
この雰囲気で、御院の場合はどうなるか
「相談の電話が少ない」「料金の問い合わせばかりで予約につながらない」——そういうところから、ぜひお聞かせください。ご相談・お見積りは無料です。
このデザインで相談する