出典：omp.dentist ↗ 確認日 2026.10.20
Editor's note
編集部の視点
見出しに地区名を入れて「近所の歯医者」と名乗り、歯科医の経歴とスタッフの顔、曜日ごとの診療時間まで見せるダブリンの歯科医院。
ダブリンのストーニーバター地区にある歯科医院 One Manor Place のサイト。ファーストビューは左に「ストーニーバターの中心にある、近所の歯科医院」という見出しと「BOOK TODAY（今日予約する）」のボタン、大きな医院名、右に笑顔の人物写真。続いて改装した院内と変わらない雰囲気の一文、歯科医の経歴と予防を重んじる方針、歯科医・歯科衛生士・デンタルナースの3人の紹介、11項目の診療内容、小児歯科、患者の声2件。フッターに電話・メール・住所と、曜日ごとの診療時間をまとめる。予約ボタンは外部の予約システムにつながる。
- 01 ファーストビューの見出しに地区名を入れ、近所の歯科医院であることを最初に伝える
- 02 歯科医の経歴と、スタッフ3人の写真・名前・役職を出し、誰が診るのかを見せる
- 03 「BOOK TODAY」をファーストビュー・診療内容・小児歯科の3か所に置き、予約システムにつなぐ
Conversion
集客の工夫
- 予約ボタン （あり） 「BOOK TODAY」をトップに3か所（外部の予約システムへ）
- 診療時間 （あり） フッターに曜日ごと（土曜は予約制・日曜は休み）
- 住所 （あり） フッターに地区名と郵便番号（Eircode）
- スタッフ紹介 （あり） 歯科医・歯科衛生士・デンタルナースの3人
- 診療内容の一覧 （あり） 11項目を開閉式で
- 費用の案内 （あり） 公的制度（PRSI）で検診・クリーニングの費用が下がることに触れる
- 患者の声 （あり） 2件を写真と並べて
- 電話のリンク （なし） 番号は載っているが tel: リンクではない
見出しで、地区名を名乗る
ファーストビューの見出しは「ストーニーバターの中心にある、近所の歯科医院」です。医院名より先に地区名と「近所の」という言葉が目に入ります。歯医者は家や職場の近くで選ぶ人が多いため、「自分の生活圏にある医院だ」と最初の一行で分かる作りです。すぐ下に「BOOK TODAY（今日予約する）」のボタンがあり、外部の予約システムにつながります。
誰が診るのかを、経歴と顔で見せる
院内の写真の横には、歯科医の経歴（ダブリン大学トリニティ・カレッジを卒業、その前はプロゴルファーとして教えていた）と、「良い口の健康は予防から始まる」という方針が書かれています。続く「Meet the Team」では、歯科医・歯科衛生士・デンタルナースの3人を写真・名前・役職つきで紹介しています。公的制度（PRSI）で検診とクリーニングの費用が下がることや、歯医者が苦手な人や子どもを歓迎することにも触れ、初めての人が気にすることに先に答えています。
予約ボタンを、読み終えた場所にくり返す
「BOOK TODAY」はファーストビューだけでなく、11項目の診療内容の横と、小児歯科の案内の下にも置かれています。どの内容を読んだ直後でも、すぐ予約に進めます。フッターには電話・メール・住所に加えて、月曜から日曜までの診療時間（土曜は予約制、日曜は休み）が並び、電話する前に知りたいことがひと目で分かります。
チェック項目は 2026.10.20 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #FFFFFF 背景
- #FFFEF3 セクションの背景（生成り）
- #2E513E 文字・ボタン・フッター（深緑）
- #FFF8C1 医院紹介・患者の声の背景（淡い黄）
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・医院名 | Hue | Newsreader |
| 本文・ボタン・ナビ（等幅） | Mono | IBM Plex Mono |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h2 | 56px / 400 | 1.20 | 32px / 400 |
| h3 | 15px / 400 | 1.20 | 14px / 400 |
| 本文（p） | 15px / 400 | 1.50 | 14px / 400 |
| ボタン | 13px / 400 | normal | 12px / 400 |
実測値（PC 1440px・SP 375px、2026.10.20 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ファーストビュー 左に「ストーニーバターの中心にある、近所の歯科医院」の見出しと説明、「BOOK TODAY」、大きな医院名。右に笑顔の人物写真。 ファーストビュー／文字＋画像の左右分割型
- 02 ナビ 医院名と、医院について・スタッフ・診療内容・予約・院内・連絡先。ファーストビューを過ぎると上部に固定。 ヘッダー／ロゴ＋横並びナビ型
- 03 医院について 淡い黄の面に「最近改装して新しい設備を入れた。親しみやすく、家族的な対応は変わらない」という一文と「MORE」。 メッセージ／大きな一文型
- 04 歯科医と方針 院内の写真の横に、歯科医の経歴（大学・前職）と、予防から始める方針、公的制度で費用が下がること、子どもや歯医者が苦手な人を歓迎すること。 コンセプト／写真＋メッセージ型
- 05 スタッフ 歯科医・歯科衛生士・デンタルナースの3人を、写真・名前・役職で。 一覧／カード並び型
- 06 診療内容 検査・口腔衛生・小児・抜歯・詰め物・審美・入れ歯・根管治療・被せ物・装置・スキンケアの11項目を開閉式で。左に説明と「BOOK TODAY」。 会社情報／スペック表型
- 07 小児歯科 鏡の前で歯をみがくキャラクターの絵と「Advanced Childrens Dentistry」、予約ボタン。 コンセプト／写真＋メッセージ型
- 08 患者の声 患者の言葉を大きな文字で2件、人物の写真と左右に並べる。 推薦／利用者の声型
- 09 フッター メール・電話・Instagram、住所、曜日ごとの診療時間、大きな医院名。 フッター／大きなフッター型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 地域の医院は、ファーストビューの見出しに地区名を入れて「近所の」医院であることを名乗る
- 02 院長の経歴とスタッフの顔・役職を出し、誰が診るのかを先に見せる
- 03 予約ボタンは、診療内容や子ども向けの案内など、読んだ直後の場所にもくり返し置く
- 04 診療時間は曜日ごとに表で載せ、予約制の曜日や休みもはっきり書く
FAQ
よくある質問
One Manor Place のサイトで使われているフォントは？
見出しと医院名に Hue というセリフ体、本文・ボタン・ナビに Mono という等幅の書体を使っています（どちらもサイト上の名前）。無料で近づけるなら、見出しに Newsreader、本文に IBM Plex Mono の組み合わせが候補です。
医院のサイトで、スタッフ全員の顔を出す必要はありますか？
One Manor Place は歯科医だけでなく、歯科衛生士とデンタルナースも写真・名前・役職で紹介しています。初めての人にとっては、誰が対応するのかが分かることが来院の不安を減らす材料になります。全員を出せない場合でも、院長と受付の人だけでも顔があると印象が変わります。
どんな業種の参考になりますか？
歯科医院・クリニック・整骨院・動物病院など、地域の人が通う医療機関や治療院に向きます。地区名を名乗ることは、美容室や学習塾など商圏が狭い業種全般に使えます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はOne Manor Placeおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: siteInspire
