Project Overview
地域に根ざしたクリニックサイトとして、患者への信頼感と、院内スタッフが使いやすい運用性を重視して制作しました。
制作の背景と目的
内科・循環器内科・生活習慣病を中心に診療するクリニックを想定し、 「日々の体調不良から生活習慣まで、身近な健康の悩みに丁寧に対応する」という診療方針を軸に設計しました。 患者が初めてアクセスした際に、安心感・信頼感を得られるUI構成と、 診療案内・医師紹介・アクセスといった必要情報へ迷わず辿り着ける導線を意識しています。
| カテゴリ | Medical / Clinic |
|---|---|
| 制作範囲 | 構成設計・デザイン・WordPressテーマ開発 |
| 使用技術 |
WordPress
ACF
カスタム投稿
Customizer
Sass
JavaScript
PHP
|
| プロジェクト | Project 01 |
Design Points
医療サイトとして求められる「信頼感」「わかりやすさ」「運用しやすさ」を軸に、3つの設計ポイントを意識しました。
患者目線の情報設計
診療科目を「内科」「循環器内科」「生活習慣病」と明確に分類し、 患者が自分の症状・悩みに合った診療科へ迷わずたどり着けるよう構成しました。 各診療科の詳細ページへの導線もシンプルに整理しています。
信頼感を高めるUI
清潔感のある水色・白を基調とした配色を採用し、医療機関としての安心感・信頼感を演出。 医師紹介セクションを前半に配置することで、院長の人柄・専門性を早期に伝える構成にしました。
WordPressによる運用性
お知らせをWordPressのブログ投稿で管理できる構成にし、 診療時間・アクセス情報はCustomizerから更新可能な設計にしました。 スタッフがコードを触らずに日常的な更新を行える運用性を重視しています。
制作で意識したこと
医師としての視点から、クリニックサイトに本当に必要な要素を設計に組み込みました。
医師の視点を活かした構成順序
患者がクリニックサイトにアクセスする際の心理的な流れを意識し、 「どんな病院か（ファーストビュー）」→「何を診てもらえるか（診療案内）」→ 「どんな先生か（医師紹介）」→「どこにあるか（アクセス）」という 自然な順序で情報を配置しました。医療広告ガイドラインも意識した表現を採用しています。
診療時間・休診情報の見やすい表示
患者が最も知りたい情報のひとつである診療時間を、 ファーストビューに表形式で配置しました。 月〜金・土・休診日が一目で確認できるレイアウトにし、 電話前の確認ストレスを最小化する設計を意識しています。
アクセス・地図の実用的な配置
Googleマップを埋め込み、住所・電話番号・診療時間を横並びで確認できるレイアウトを採用。 「初めて来院する患者」が迷わないよう、アクセスセクションの情報密度と視認性を高めました。
受診を後押しするCTA設計
ページ末尾に「受診をご検討の方へ」セクションを設け、 初めての方への案内・予約導線・問い合わせボタンをまとめて配置しました。 迷っている患者の背中を最後に押す構成を意識しています。
Page Structure
患者の心理的な流れに沿って、必要な情報を順序立てて配置しました。
Related Works
医療・信頼感を重視した他の制作実績もご覧ください。