平戸市民病院 様
地方の公立病院として、幅広い年齢層の住民が
「迷わず、安心して情報を探せること」を最優先にした設計
派手さよりも「分かりやすさという究極の親切」を体現した、実用的なデザイン・レイアウト設計とした。
地医療機関のサイトとして最も重要視される「実用性」と「信頼感」の担保がコンセプトの核にあります。
「迷わせない」導線設計: トップページや外来案内など、患者が最も必要とする情報(受付時間、休診日、アクセス)へ1クリックで到達できるように設計しました。
ユニバーサルデザインの意識: 高齢者の利用も多いため、文字サイズは比較的大きめで、コントラストがはっきりした視認性の高い配色が意識しました。
1. 構築コンセプト:高いアクセシビリティと地域密着
医療機関のサイトとして最も重要視される「実用性」と「信頼感」の担保がコンセプトの核としております。
・「迷わせない」導線設計: トップページや外来案内など、患者が最も必要とする情報(受付時間、休診日、アクセス)へ1クリックで到達できるように設計。
・ユニバーサルデザインの意識: 高齢者の利用も多いため、文字サイズは比較的大きめで、コントラストがはっきりした視認性の高い配色が意識しています。
2. デザイン:安心感を与えるカラーとクリーンな装飾
・カラーパレット: メインカラー: 病院のロゴにも使われている「深みのあるグリーン・ブルー」。医療機関らしい「清潔感」「安心感」「誠実さ」を象徴。
・アクセントカラー: 重要なお知らせや、ボタンの視認性を高めるために「明るいグリーン」や「オレンジ」を部分的に配置し、メリハリをつけました。
・ビジュアル要素: ページ上部(ヘッダー)には、平戸市民病院の外観や地域を連想させる写真を大きく配置し、地域に根ざした安心感を視覚的に伝えています。
・無駄なアニメーションや装飾を排除し、情報がスッと目に入るクリーンなデザイン。
3. レイアウト:情報整理に優れたマルチデバイス対応
・2カラム(PC/タブレット)構成: 画面左側に「外来のご案内」「医療費のお支払い」といった固定のナビゲーションメニュー(サイドバー)を配置。ユーザーが今どのカテゴリを見ているのかが常に一目でわかるようにした。
・右側のメインコンテンツエリアは、十分な余白(ホワイトスペース)を持たせ、文字が詰まって見えないよう配慮。
・表(テーブル)とアイコンの活用:
・「受付時間」や「診療時間」は、午前・午後に分けて箱型のレイアウト(グリッド)で整理されており、パッと見て直感的に理解できます。
・「受診の際お持ちいただく物」などにはチェックマークのアイコンを使い、箇条書きをより見やすくしています。
・レスポンシブ対応:
スマートフォンやタブレット(閲覧中の画面など)の画面サイズに合わせて、メニューがすっきりと折りたたまれる(ハンバーガーメニュー等)構造になっており、端末を選ばず読みやすいレイアウトです。
レスポンシブWebデザインで、Webサイトが様々なデバイスからの閲覧に対応
デスクトップ
タブレット
スマートフォン
スマートフォンメニュー一覧を表示し、各ページへ直接アクセス可・レスポンシブデザインによる表示
プロジェクト概要
基本項目
| クライアント名 | 国民健康保険 平戸市民病院 |
| URL | https://hirado-municipal-hospital.com/ |
| エリア | 長崎県 |
| 業種/ジャンル | 病院 |
| 業務内容 | デザイン制作及びWebサイト構築 |
| サイト規模 | 大規模 |
| システム | CMS Wordpress |
システム機能
- 重要なお知らせ、お知らせ、採用情報
- 全ページ更新可能機能
- タブ切替え機能
- シンプルなナビゲーション
- 患者さま・ご家族にとって見やすい情報設計
- スマホファーストによる快適な閲覧環境
- 病院の魅力や取り組みの発信強化
- 職員が更新しやすいCMSによる運用効率化
提供サービス
- SSL暗号化処理
- レンタルサーバ
- SEO対策
- セキュリティー対策
- マルウエア監視
- レスポンシブデザイン
- WEBサイト制作 ・WEBサイト保守
- CMS更新/定期バックアップサービス
- マニュアル制作、サイト更新操作説明会実施



