SWELLデモサイト事例：病院・クリニックサイトの作り方解説【天正堂クリニック】

最初に結論：SWELLで作ったクリニックサイト事例「天正堂クリニック」

今回ご紹介する「天正堂クリニック」さまの公式サイトは、地域に根ざした医療機関として、「信頼感」と「情報の見つけやすさ」を両立させたSWELLの制作事例です。

2024年の新館設立に伴うリニューアルにおいて、内科・小児科・アレルギー科という幅広い診療科目を、患者さんが迷わず選択できる設計を目指しました。

【制作事例：天正堂クリニック】

サイト名	天正堂クリニック
URL	https://tenshodo-clinic.jp/
WordPressテーマ	WordPressテーマ「SWELL」
制作期間	５ヶ月

サイトのコンセプト：「安心感」と「バリアフリーな導線」

病院サイトにおいて、最も重要なのは「清潔感」と「迷わせないこと」です。天正堂クリニックさまのサイトでは、以下のコンセプトを軸に制作しました。

 診療科ごとのカラー分けで直感的に伝える

内科は「グリーン」、小児科は「ピンク」など、ロゴの色をベースにしたトーン設定を行い、一目で自分が求めている情報に辿り着ける工夫をしました。

 スタッフの更新しやすさを最優先

医療現場は日々忙しいため、専門知識がなくてもスタッフの皆さんが直感的に「お知らせ」や「予防接種情報」を更新できるように、ブロックエディタが使いやすいSWELLを採用しました。

病院サイトのテーマに「SWELL」を選んだ3つの決め手

以前のテーマからSWELLへ乗り換える際、特に決め手となったのは以下の3点です。

決め手１ メインビジュアルに「3つの導線」が即座に作れること

「内科」「小児科」「アレルギー科」へ直接飛べるボタンを、カスタマイズ不要でメインビジュアル上に配置できたことが、UI（使い勝手）の向上に直結しました。

決め手2 「ブログパーツ」による一括管理

全ページに共通する「診察案内」を「ブログパーツ」として登録。1箇所の修正で全ページが更新されるため、情報の修正ミスを防げる点が大きな魅力でした。

決め手3 表示速度の速さとSEOの強さ

「地域の患者さんに検索で見つけてもらう」ために、余計なプラグインを減らし、高速で読み込まれるSWELLの基本設計が、医療機関としての信頼性担保に繋がると判断しました。

---

---

【作り方解説】信頼感を高める病院サイト制作 5つのポイント

① 迷わせない！高齢ユーザーにも優しいバリアフリーな「導線設計」

病院サイトで最も求められるアクションは「予約」と「受診の流れの確認」です。

 「Web予約・問診」を最優先に

初診・再診どちらの患者さんも迷わないよう、①メインビジュアルの直下、②PC画面の右端、③スマホ画面の最下部と３つの場所に、大きなボタンを設置しました。

 「初めての方へ」ページの設置

受診までのステップを丁寧に図解することで、心理的なハードルを下げています。特に操作に不慣れな高齢者の方でも、「次に何をすればいいか」が一目でわかるように文字サイズやコントラストにも配慮しました。

② 清潔感と安心感を生む「配色とトーン」の統一ルール

「何科に行けばいいか」を視覚的に伝えるため、ロゴの濃いグリーンを基調としつつ、診療科ごとにテーマカラーを設定しました。

• 内科： 信頼感と安心感のある「グリーン」
• 小児科： 親しみやすく温かい「ピンク」
• アレルギー科： 清潔感のある「ブルー」

各ページを開いた瞬間に、色のトーンで「今どの科のページを見ているか」が直感的に伝わります。

子どもっぽくなりすぎず、かつ温かみのある絶妙なカラーバランスはSWELLのカスタマイザーで細かく調整しました。

③ 【必須】スマホで快適に情報を探せる「レスポンシブ対応」

病院サイトは、外出先からスマホで検索されるケースが非常に多いため、スマホ表示には徹底的にこだわりました。

 デバイスごとの微調整

SWELLの機能を使い、PCとスマホでメインビジュアル上のボタン位置を最適化しました。
とくに、メインビジュアルのボタンの位置は何度も設定し、目に入りやすい位置を見つけました。

 「天正堂クリニックらしい」スマホメニュー

スマホの画面下部に固定されるボタン（フッターメニュー）には、リニューアル前のHPから使われているイラストを採用しました。使いやすさの中に「親しみやすさ」を同居させています。

④ 信頼を守る「医療広告ガイドライン」を意識した表現

医療機関として、正確で誠実な情報発信は義務です。以下の点に細心の注意を払い、信頼性を担保しました。

 誇張表現の徹底排除

「最高」「絶対に治る」といった過度な期待を持たせる表現は避け、事実に基づいた丁寧な記述をしました。

 客観性の維持

ガイドラインに基づき、主観が混じる「口コミ」などは掲載せず、スタッフの専門性や院内設備を淡々と、かつ誠実に伝える構成にしています。

⑤ 院内の“空気感”を伝える写真とイラストの活用

「どんな先生だろう？」「院内は綺麗かな？」という不安を取り除くため、ビジュアルでの情報発信を強化しました。

 院内イラストとの連動

天正堂クリニックさまの館内に描かれている「猫・ねずみ・恐竜」などの動物イラストを、サイト内の各所に配置。小児科を訪れるお子さんが「ホームページにいた動物だ！」と楽しめるような、実店舗とWebの連動を意識しました。

 豊富な院内写真

「本館」「新館」それぞれの待合室や診察室の写真を多用し、来院前に雰囲気を予習できるようにしています。

---

運用の手間を激減！SWELLの機能をフル活用したカスタマイズ術

医療現場は日々非常に多忙です。サイトを作って終わりではなく、「いかに少ない手間で、正確な情報を発信し続けられるか」が大切です。

SWELLには、Web制作の専門知識がなくてもサイト全体の統一感を保ちながら、更新作業を劇的に楽にする機能が備わっています。

「ブログパーツ」で重要情報を一括管理

病院サイトには、「診察案内」や「予約ボタン」など、ほぼすべてのページに掲載したい共通の情報があります。これらを一つひとつ手入力すると、修正の際に見落とし（ミス）が発生するリスクがあります。

SWELLなら、 共通パーツを「ブログパーツ」として1回登録して、使いまわしが可能なのでとても便利でした。

メリット： 診察案内に変更があった際、ブログパーツを1箇所書き換えるだけで、サイト内すべてのページの情報を一瞬で更新できます。情報の漏れを防ぎ、運営側の管理コストを大幅に削減できました。

「固定ページ」と「投稿」の役割を明確に分ける

サイトを整理整頓された状態に保つため、情報の性質に合わせて「固定ページ」「投稿」を使い分けました。

• 固定ページ（情報のストック）： 診療科目、ドクター紹介、アクセスなど、頻繁には変わらない「クリニックの基本情報」に使用。
• 投稿ページ（情報のフロー）： 「インフルエンザ予防接種の開始時期」や「休診のお知らせ」など、トップページの「最新ニュース」に使用。

このように役割を分けることで、患者さんは「常に新しい情報が動いている」という安心感を得られ、サイト自体の鮮度も保たれます。

予約を逃さない！「フッター固定メニュー」

スマホユーザーがどのページを見ていても、親指一本ですぐに「予約」「問診」「LINE登録」ができるよう、画面下部に専用のメニューを固定しました。

以前のホームページで使われていたイラストをアイコンに使用しています。子どもが見て「かわいい！」と言ってもらえる親しみのあるデザインを心がけました。

メリット： ページを一番下までスクロールしなくても、いつでも予約導線にアクセスできるため、患者さんの利便性と成約率（予約率）の両方を高めています。

「Simple SEO」と高速表示でストレスのない運用を

病院を探している人は、不安や急ぎの事情を抱えていることが多いものです。サイトの読み込みが遅いことは、それだけで大きなストレスになります。

SWELLは徹底した軽量設計により、難しい設定なしでページを瞬時に表示。この「待たせないスピード」こそが、医療機関としての誠実なホスピタリティに繋がります。

SEO対策： SWELLと相性抜群のプラグイン「Simple SEO」を活用。専門的なSEO知識がなくても、地域名（例：中野区 病院）で検索された際に適切に表示されるための土台作りを行いました。

病院・クリニックサイトをSWELLで運用して感じたメリット

【メリット1】専門知識がなくても「清潔感のあるデザイン」が即座に完成

病院サイトに求められるのは、華美な装飾ではなく「誠実さ」と「清潔感」です。SWELLはデフォルトの状態ですでに余白やフォントのバランスが整っているため、画像を配置するだけでプロ級の「信頼されるクリニック」の佇まいが完成します。

制作側としても、「こんなことができたらいいな」という要望に対してコードを書かずにブロック操作だけで応えられるため、デザインの微調整に時間をかけることができました。

【メリット2】地域の患者さんに見つけてもらいやすい「検索の強さ」

病院は地域密着型のビジネスです。SWELLは標準でSEO（検索エンジン最適化）に強い構造を持っており、地域の患者さんが「中野区 病院」などと検索した際に適切に表示される土台が整っています。

さらに、前述した「待たせない表示スピード」も相まって、検索からアクセス、そして予約へとスムーズに繋がる「集客の仕組み」を無理なく構築できました。

---

まとめ｜SWELLで「信頼される」クリニックサイトを育てよう

今回は、SWELL公式サイトで制作した「天正堂クリニック」さまの事例をもとに、病院サイト制作のポイントを解説しました。

制作を通じて感じたのは、SWELLは「作る人」だけでなく、実際に現場で「運用するスタッフさん」にとっても、非常に優しいツールであるということです。

これから病院・医療機関のホームページを作りたいと考えているなら、機能面・デザイン面、そして運用のしやすさのバランスが最高な「SWELL」を、ぜひ選択肢に入れてみてください。

あなたのクリニックの「安心感」が、Webサイトを通じて多くの患者さんに届くことを応援しています。

---

クリニック・医療機関のWeb制作を承っております

「天正堂クリニック」さまの事例のように、患者さんへのホスピタリティと、現場スタッフの方々の運用のしやすさを両立させたサイト作りを得意としています。

医療機関のWebサイトは、単におしゃれであれば良いわけではありません。

• 医療広告ガイドラインに抵触しない適切な表現
• ご高齢の方でも迷わないユニバーサルデザイン
• スマホから数分で完了する「お知らせ更新」の仕組み化

これらを大切に、一つひとつのクリニックさまの想いに寄り添った制作を心がけています。

「今のサイトが古くなって使いにくい」「SWELLに乗り換えて運営を楽にしたい」「どこから手をつければいいか分からない」といったご相談も大歓迎です。

まずは現在の状況を丁寧にお伺いし、最適な構成をご提案させていただきます。

Web制作のご相談・お見積りはこちら