出典：integratedpodiatry.com.au ↗ 確認日 2026.10.29
Editor's note
編集部の視点
「足を見せるのが恥ずかしい」という気持ちに先に触れ、初診の流れ・紹介状・保険・支払いをFAQに、料金つきの予約を外部の予約ページに置くメルボルンの足の診療所。
メルボルンのプラーンにある、足と下肢を診る診療所のサイト。ファーストビューは灰色の背景に足の写真と「Put your feet in good hands（足を、確かな手に）」の大きな文字だけ。トップは「多くの人が自分の足を見せるのを恥ずかしがる」という一文など、3つの短い文章で構成されている。メニューは About・What We Do・Journal・FAQ・Contact の5つ。What We Do に診る症状を並べ、FAQ に初診の流れと所要時間（約60分）、紹介状の要否、民間保険、支払い方法を載せる。Contact から外部の予約ページに進むと、初診60分 $168 など4つの予約の種類と料金が出る。
- 01 「足を見せるのが恥ずかしい」という来院前の気持ちに、トップで先に触れる
- 02 初診の流れ・所要時間・持ち物・紹介状・保険・支払いを FAQ にまとめ、来院前の疑問に答える
- 03 予約ページで、予約の種類ごとに時間と料金を見せる
Conversion
集客の工夫
- オンライン予約 （あり） Contact の「BOOK ONLINE」から予約ページへ
- 料金の表示 （あり） 予約ページに初診60分 $168、再診45分 $138 など
- 初診の流れ （あり） FAQ に約60分・持ち物（画像検査の結果、中敷きと靴）
- 紹介状・保険 （あり） 紹介状は原則不要、民間保険の還付の手順
- 診る症状 （あり） What We Do にタコ・巻き爪・かかとの痛みなど
- 院長の紹介 （あり） About に経験20年の院長の経歴
- 所在地・電話 （あり） Contact に住所・電話・メール
- トップからの予約導線 （なし） トップとメニューには予約の入口なし
来院をためらう気持ちに、先に触れる
トップページには、症状の一覧や料金がありません。かわりに「多くのお客さんが、自分の足を見せるのが恥ずかしいと打ち明けます」という見出しで、どんな状態の足も見てきたこと、一人ひとりに合わせて診ることを伝えます。足の悩みは人に見せにくいものです。来院をためらう理由を、最初に受け止める作りです。
来院前の疑問を、FAQ で片づける
FAQ には、初診は約60分で、画像検査の結果や中敷きと靴を持ってくるとよいこと、紹介状は原則いらないこと、民間保険の還付はメールの領収書で申請すること、現金・カードで払えることが並びます。What We Do には、タコ・巻き爪・かかとの痛み・外反母趾・中敷きの作製など、診る症状を具体的に書いています。
料金つきの予約と、惜しいところ
Contact の「BOOK ONLINE」から外部の予約ページに進むと、初診60分 $168、再診45分 $138、延長の再診60分 $168、リフレクソロジー60分 $120 の4つから選べます。一方で、トップとメニューには予約の入口がなく、Contact まで進まないと見つかりません。料金と予約の仕組みが整っているぶん、入口をトップにも置けばさらに予約につながりやすくなります。
チェック項目は 2026.10.29 に実ブラウザで描画したトップページ（PC 1440px・SP 375px）を確認したものです。
Colour
配色
- #EBECEC 背景
- #505759 見出し・本文
- #EAEBEB 写真の上の文字
背景は面積、文字は文字数で重み付けして実測した色から、役割ごとに整理しています。
Typography
フォント
| 用途 | 使用フォント | 無料で近いもの |
|---|---|---|
| 見出し・本文・メニュー | GT Spectra | Cormorant Garamond |
| 小見出しのラベル | Roboto | Roboto |
| 要素 | PC サイズ / 太さ | PC 行間 | SP サイズ / 太さ |
|---|---|---|---|
| h2 | 13px / 700 | 1.35 | 11px / 700 |
| h3 | 120px / 400 | 1.10 | 49px / 400 |
| 本文（p） | 23px / 400 | 1.35 | 16px / 400 |
実測値（PC 1440px・SP 375px、2026.10.29 計測）。同じ要素で最も多く使われている指定を表示しています。h1 をロゴや小さな見出しに使っているサイトでは、h1 の値が小さく出ます。
Structure
ページ構成（上から順に）
- 01 ヘッダー 左上に縦書きのロゴ、右上にメニューのボタン。 ヘッダー／ロゴ＋メニューボタン型
- 02 ファーストビュー 灰色の背景に足の写真と「Put your feet in good hands」の大きな文字。 ファーストビュー／全面写真＋コピー型
- 03 問いかけ 「一生、足に支えられているのだから、そろそろ足をいたわっては？」の一文。 メッセージ／大きな一文型
- 04 どんな診療所か 「INTEGRATED PODIATRY ARE」。足と下肢の症状をすべて診ること、予防を大事にしていること。 コンセプト／写真＋メッセージ型
- 05 不安への配慮 「MANY OF OUR CLIENTS ADMIT FEELING BASHFUL ABOUT THEIR FEET」。足を見せるのが恥ずかしい人への言葉と、ブーツの写真。 コンセプト／写真＋メッセージ型
- 06 長く使う足 「YOUR FEET ARE WITH YOU FOR THE LONG HAUL」。車のタイヤと違い、足は一生に一組だという一文。 メッセージ／大きな一文型
- 07 フッター Facebook と Instagram への入口。 フッター／ナビ＋会社情報型
Download
ワイヤーフレームをダウンロード
この構成を、Figmaで編集できるワイヤーに
上のページ構成を、DevNJ のワイヤーフレーム部品で組み直したものです。元サイトの文章・画像・コードは含みません。
Figmaでの使い方
- SVGをダウンロードする
- Figmaのキャンバスにファイルをドラッグ＆ドロップする
- セクションごとにレイヤーが分かれた状態で開くので、順番の入れ替えや文言の差し替えから始める
文字はテキストレイヤーとして入ります（フォントは Noto Sans JP）。
Reproduce
このサイトを参考にするときのポイント
- 01 来院をためらう理由（恥ずかしさ・痛そう・高そう）を、トップの言葉で先に受け止める
- 02 初診の所要時間・持ち物・紹介状・保険・支払い・キャンセルを FAQ にまとめる
- 03 予約は種類ごとに時間と料金を出し、オンラインで取れるようにする
- 04 予約の入口はトップとメニューにも置き、問い合わせのページまで行かなくても押せるようにする
FAQ
よくある質問
Integrated Podiatry Clinic のサイトで使われているフォントは？
見出しから本文、メニューまで GT Spectra（サイト内の表記は GTSpectra）で組み、小見出しのラベルだけ Roboto を使っています。GT Spectra は有料書体なので、無料で近づけるなら Cormorant Garamond が候補です。
クリニックのサイトに料金を載せても大丈夫ですか？
この診療所は外部の予約ページで、初診60分 $168、再診45分 $138 など予約の種類ごとに時間と料金を出しています。保険診療か自費かなど国や制度で事情は違いますが、自費のメニューがあるなら、時間と料金を並べるだけで来院前の不安を減らせます。
どんな業種の参考になりますか？
整骨院・鍼灸院・歯科・皮膚科・美容系のサロンなど、体を見せることに抵抗を感じる人が多い業種に向きます。予約の種類と料金の見せ方は、予約制の店舗全般に使えます。
スクリーンショットは、解説に添える引用として縮小して掲載しています。デザイン・文章・画像の権利はIntegrated Podiatry Clinicおよび各権利者に帰属します。ワイヤーフレームは元サイトを写したものではなく、構成を DevNJ の部品で組み直したものです。権利者・制作者の方からの掲載の取り下げ・修正のご依頼はお問い合わせから承り、原則2営業日以内に対応します。 掲載ギャラリー: Httpster
