見やすいクリニック
ホームページを制作するには？

患者さんにとって「見やすいホームページ」を実現するには、どんなデバイスで見ても、知りたい情報がどこにあるか一目でわかるホームページにする必要があります。

見やすいクリニックホームページを制作できる会社に依頼したいと考えているドクターは、次の5つのポイントを押さえてホームページ制作会社の事例をチェックすると良いでしょう。

レスポンシブデザイン対応！
クリニックホームページ制作事例の見やすさをチェック

クリニック専門ホームページ制作会社（※）の中から、クリニックのホームページ制作事例を100件以上公開している経験値の高い会社をピックアップ。レスポンシブデザインに対応している旨を確認できた会社の制作事例を掲載しています（調査時期：2022年6月21日時点）。

株式会社Method Innovationの
制作事例

引用元：医療法人医聖会玉城クリニック公式HP（https://www.tamaki-hp.com/）

• クリニック名：医療法人医聖会玉城クリニック
• 所在地：大阪府大阪市都島区都島本通1-21-22 内視鏡糖尿病メディカルセンター
• 診療科目：内科、消化器内科、内視鏡内科、糖尿病科、皮フ科、肛門科
• 開院日：記載なし
• ホームページ制作日：記載なし

医療法人医聖会玉城クリニックのホームページをリニューアルした事例です。青・黄・緑の3色を使い、まとまりのあるデザインに仕上げています。また、PC・SPのいずれも、初診・再診のWEB予約ボタン、胃カメラ・大腸カメラのWEB予約ボタン、人間ドックのWEB予約ボタンを固定表示しているのが特徴。患者さんが自由なタイミングで予約しやすいつくりです。

Method Innovationによるホームページのリニューアル後、月間アクセス数は約2.9倍に増加。健診の患者さんも月間約5人から160人に増加したという成果が公開されています（※）。

Method Innovationの基本情報

Method Innovationの
ホームページ制作について
もっと詳しく

株式会社ティーエイトの
制作事例

引用元：なごやARTクリニック公式HP（https://nagoya-art.jp/）

• クリニック名：なごやARTクリニック
• 所在地：愛知県名古屋市中村区太閤1-20-9 L’ENVOL MEIEKI 3F（名古屋プレミアム医療モール）
• 診療科目：不妊治療
• 開院日：記載なし
• ホームページ制作日：記載なし

不妊治療を専門に行うなごやARTクリニックのホームページを制作した事例です。PCで閲覧すると右下にWEB予約ボタンが表示され、SPで閲覧すると左下に電話ボタンとWEB予約ボタンが固定表示される仕様となっています。

また、柔らかい色を基本とし、丸みを帯びたデザインにすることで、優しさや温かみを感じられる仕上がりに。一人ひとりの患者さんに寄り添うことを大切にしているクリニックの方針とホームページのデザインがマッチしています。

ティーエイトの基本情報

ティーエイトの
ホームページ制作について
もっと詳しく

株式会社HERO Innovationの
制作事例

引用元：たかしま内科クリニック公式HP（https://takashimanaika.com/）

• クリニック名：たかしま内科クリニック
• 所在地：東京都豊島区長崎1-2-8 KABURAGIビル1F
• 診療科目：内科、肝臓内科、消化器内科
• 開院日：2020年5月
• ホームページ制作日：記載なし

たかしま内科クリニックのホームページ制作事例は、写真が多く用いられており、院内の様子が一目でわかるのが特徴。制作を手掛けた株式会社HERO Innovationは、「健康の灯台」になりたいというクリニックの想いをくみ取り、温かな印象を与えられるように配色を工夫しています。

また、PC・SPともに「本日の診療時間」がポップアップで表示されるのが特徴。診療を受けられる時間帯か、既に予約の枠が埋まっているのか等の情報が一目でわかるため、飛び込みの患者さんを集めやすいでしょう。

HERO Innovationの基本情報

HERO Innovationの
ホームページ制作について
もっと詳しく

メディカ株式会社の制作事例

引用元：みずほ足クリニック公式HP（http://daijinkai.jp/mizuho/）

• クリニック名：みずほ足クリニック
• 所在地：愛知県名古屋市瑞穂区瑞穂通5-4
• 診療科目： 整形外科、リハビリテーション科、内科
• 開院日：2022年5月14日
• ホームページ制作日：2022年5月13日

みずほ足クリニックのホームページは、清潔感のあるクリニックの雰囲気に合わせた洗練されたきれいなデザイン。PCで閲覧すると画面上部にグローバルナビゲーションが設置されているため、患者さんは見たい情報がどこにあるのか一目でわかります。

また、SPで閲覧すると画面右上に電話ボタンが固定表示されるため、患者さんは好きなタイミングで予約・問い合わせすることが可能。使用している色の数が少ない分、シンプルで全体的に見やすいデザインに仕上がっています。

メディカの基本情報

メディカの
ホームページ制作について
もっと詳しく

有限会社ビジネススクウェアの
制作事例

引用元：塚本眼科クリニック公式HP（https://www.tsukamoto-eye.com/）

• クリニック名：塚本眼科クリニック
• 所在地：大阪府大阪市天王寺区烏ヶ辻1-1-14 修和ビル3F
• 診療科目：眼科
• 開院日：2003年12月
• ホームページ制作日：記載なし

塚本眼科クリニックのホームページは、PC・SPのいずれで閲覧しても「画面サイズ変更ボタン」が表示されるのが特徴。視力の悪い患者さんが多い眼科ならではの、見やすさにこだわったポイントです。

また、SPで閲覧すると電話ボタンとアクセスマップへのリンクボタンが固定表示されているため、問い合わせや来院に繋がりやすいデザインだと言えるでしょう。

ビジネススクウェアの基本情報

ビジネススクウェアの
ホームページ制作について
もっと詳しく

失敗したくないドクター必見の注目関連記事

「集患」「デザイン」「スピード」
あなたの目的に合った会社を紹介

制作会社は数多くあるため、選び方を失敗してしまうと、 思っていたのとは違うものが出来上がってしまう可能性があります。
ここでは正しい制作会社の選び方とおすすめの制作会社を紹介します。

クリックして詳細を確認する

見やすいホームページにするために注意したいこと

専門分野を
アピールできているか？

クリニックには、内科や外科、歯科、美容外科などさまざまな診療科目があります。どのようなクリニックで何を専門分野とし、どういう症状の人が利用するのか明確に記載されていないホームページでは患者さんは何を基準にクリニックを選べばよいのか悩んでしまうでしょう。このままでは集客が見込めない可能性もあります。患者さんが来ないと病院経営も成り立ちません。ホームページを制作する場合は、クリニックの専門分野をアピールすることが必要です。

重要な情報に
すぐにアクセスできるか？

患者さんがクリニックのホームページを閲覧する目的は、クリニックの情報を知るためです。ホームページが見づらかったとしたら、時間がかかって知りたい情報になかなかたどりつけません。あきらめて違うクリニックを検索する人もいるでしょう。インターネットから集客につなげようとしても、スルーされてしまったら、制作したホームページを見てもらうこともできません。アクセス数が伸びないのはこれが原因の可能性があります。

多くの人に閲覧してもらうには、情報を見つけられやすいホームページにすることです。すぐにアクセスできるように重要な情報は3クリック以内がいいでしょう。わかりやすいホームページなら、患者さんがストレスなくクリニックの情報を得ることができます。

明るい印象になっているか？

クリニックのホームページが暗いと気持ちもどんよりしてしまいます。かといって、派手な色はクリニックには向いていません。ホームページの配色には気を配りましょう。

患者さんの気持ちがほぐれるようなやわらかな雰囲気や清潔感のあるホームページがいいでしょう。暖色系は温かい・優しい、寒色系はさわやか・冷静といった印象になります。オレンジは、親しみのある健康的なビタミンカラー。ピンクは優しい、緑はリラックス、青はさわやかで落ち着く色です。白は清潔感を与えてくれる色なので、クリニックのホームページに使われることが多いといわれています。

このようにそれぞれの色によって雰囲気が異なります。クリニックのホームページは患者さんの気持ちに寄り添うような色を選んでください。

クリニックのホームページ制作に強い
制作会社の口コミを見る

【PR】患者さんが見やすいホームページ制作におすすめの制作会社｜Method Innovation

引用元：株式会社Method Innovation公式サイト
（https://www.method-innovation.co.jp）

特徴

Method Innovationは、担当するクリニックの診療・検査内容を把握したうえで、患者さんに必要なページや導線を検討しています。診療科目が多い場合も、情報を並べるだけでなく、患者さんが目的の内容を探し、予約まで進める構成が重要です。掲載情報の整理と使いやすい導線をあわせて考えられる点が強みです。

制作事例

引用元：玉城クリニック公式サイト
（https://www.tamaki-hp.com/）

玉城クリニックのホームページでは、幅広い診療・検査の情報を内容ごとに分け、目当ての項目を探しやすくしています。スマートフォンにはスクロール中も表示されるWeb予約ボタンを設けており、情報の探しやすさと予約への進みやすさを両立した事例です。

事例参照元：Method Innovation公式サイト「玉城クリニック」
（https://www.method-innovation.co.jp/works/1086/）

こんな人におすすめ

診療内容や自院の強みを患者さんに分かりやすく伝えたい方、原稿作成の負担を抑えながらホームページを制作・リニューアルしたい方におすすめです。公開後の改善や運用まで相談したい方にも向いています。

よくある質問

Q1. 見やすいホームページと、デザインがおしゃれなホームページは何が違いますか？

見やすさは、見た目の美しさよりも「患者さんが知りたい情報にすぐたどり着けるか」で決まります。診療時間やアクセス、診療内容、予約方法など、来院前に確認したい情報が探しやすい位置にあることが重要です。見やすさを重視して制作会社を選ぶなら、Method Innovationがおすすめです。同社は約500医院のWebサイト制作を通じて把握してきた患者さんの行動パターンをもとに、情報の配置を検討しています。

Q2. スマートフォンで見やすいホームページにするには、何を優先すべきですか？

文字の大きさ、ボタンの押しやすさ、メニューの分かりやすさを優先しましょう。予約や電話につながるボタンは、どの画面からでも見つけられるようにしておくことが大切です。メニューの分け方にも工夫の余地があり、Method Innovationが手がけた東和会クリニックのホームページでは、スマートフォンの診療一覧を「顔」「体」「その他」に分け、多くの施術から目的のメニューを探しやすくしています。

Q3. ホームページが見やすいかどうかは、どうやって判断すればいいですか？

アクセス解析で、患者さんの実際の閲覧状況を確認するのが確実です。よく見られているページや離脱が多いページが分かれば、改善すべき箇所が見えてきます。解析と改善を制作会社に任せたい場合は、Method Innovationのホームページ保守（月額7,700円・税込、1年契約）が選択肢になります。Googleアナリティクスの設定に加え、反響改善の無料相談と分析・提案まで含まれています。

Q4. 見やすいホームページを作れる、おすすめの制作会社はありますか？

患者さん目線で情報を整理してほしいなら、Method Innovationがおすすめです。同社は制作方針「6つのメソッド」のひとつに「医療知識の学習」を掲げ、担当する医療機関の診療内容や検査・治療内容を学んだうえで、必要なページや導線を検討しています。制作から運用まで専任の担当者がつくため、公開後に見やすさを見直したいときも、制作時の意図を理解した担当者に相談できます。

Q5. 今のホームページが見にくいと感じたら、作り直すべきですか？

まずは現状を確認してから判断しましょう。情報の並べ方やボタンの配置を見直すだけで改善できる場合もあれば、構成から作り直したほうが早い場合もあります。どちらが適しているか迷う場合は、Method Innovationの無料ホームページ診断で、今のホームページの課題を確認するところから始められます。同社は既存ホームページのリニューアルにも対応しています。