事例・実績

Works

平戸市民病院 様

地方の公立病院として、幅広い年齢層の住民が
「迷わず、安心して情報を探せること」を最優先にした設計

派手さよりも「分かりやすさという究極の親切」を体現した、実用的なデザイン・レイアウト設計とした。

地医療機関のサイトとして最も重要視される「実用性」と「信頼感」の担保がコンセプトの核にあります。
「迷わせない」導線設計: トップページや外来案内など、患者が最も必要とする情報(受付時間、休診日、アクセス)へ1クリックで到達できるように設計しました。
ユニバーサルデザインの意識: 高齢者の利用も多いため、文字サイズは比較的大きめで、コントラストがはっきりした視認性の高い配色が意識しました。

平戸市民病院 様

1. 構築コンセプト:高いアクセシビリティと地域密着

医療機関のサイトとして最も重要視される「実用性」と「信頼感」の担保がコンセプトの核としております。
・「迷わせない」導線設計: トップページや外来案内など、患者が最も必要とする情報(受付時間、休診日、アクセス)へ1クリックで到達できるように設計。
・ユニバーサルデザインの意識: 高齢者の利用も多いため、文字サイズは比較的大きめで、コントラストがはっきりした視認性の高い配色が意識しています。

2. デザイン:安心感を与えるカラーとクリーンな装飾

・カラーパレット:  メインカラー: 病院のロゴにも使われている「深みのあるグリーン・ブルー」。医療機関らしい「清潔感」「安心感」「誠実さ」を象徴。
・アクセントカラー: 重要なお知らせや、ボタンの視認性を高めるために「明るいグリーン」や「オレンジ」を部分的に配置し、メリハリをつけました。
・ビジュアル要素: ページ上部(ヘッダー)には、平戸市民病院の外観や地域を連想させる写真を大きく配置し、地域に根ざした安心感を視覚的に伝えています。
 ・無駄なアニメーションや装飾を排除し、情報がスッと目に入るクリーンなデザイン。

3. レイアウト:情報整理に優れたマルチデバイス対応

・2カラム(PC/タブレット)構成: 画面左側に「外来のご案内」「医療費のお支払い」といった固定のナビゲーションメニュー(サイドバー)を配置。ユーザーが今どのカテゴリを見ているのかが常に一目でわかるようにした。
 ・右側のメインコンテンツエリアは、十分な余白(ホワイトスペース)を持たせ、文字が詰まって見えないよう配慮。

・表(テーブル)とアイコンの活用:
 ・「受付時間」や「診療時間」は、午前・午後に分けて箱型のレイアウト(グリッド)で整理されており、パッと見て直感的に理解できます。
 ・「受診の際お持ちいただく物」などにはチェックマークのアイコンを使い、箇条書きをより見やすくしています。

・レスポンシブ対応:
スマートフォンやタブレット(閲覧中の画面など)の画面サイズに合わせて、メニューがすっきりと折りたたまれる(ハンバーガーメニュー等)構造になっており、端末を選ばず読みやすいレイアウトです。

平戸市民病院 トップページ
外来受診される方へ
院長あいさつ
院長あいさつ

レスポンシブWebデザインで、Webサイトが様々なデバイスからの閲覧に対応

デスクトップ

タブレット

スマートフォン

スマートフォンメニュー一覧を表示し、各ページへ直接アクセス可・レスポンシブデザインによる表示

プロジェクト概要

基本項目
クライアント名 国民健康保険 平戸市民病院
URL https://hirado-municipal-hospital.com/
エリア 長崎県
業種/ジャンル 病院
業務内容 デザイン制作及びWebサイト構築
サイト規模 大規模
システム CMS Wordpress
システム機能
  • 重要なお知らせ、お知らせ、採用情報
  • 全ページ更新可能機能
  • タブ切替え機能
  • シンプルなナビゲーション
  • 患者さま・ご家族にとって見やすい情報設計
  • スマホファーストによる快適な閲覧環境
  • 病院の魅力や取り組みの発信強化
  • 職員が更新しやすいCMSによる運用効率化
提供サービス
  • SSL暗号化処理
  • レンタルサーバ
  • SEO対策
  • セキュリティー対策
  • マルウエア監視
  • レスポンシブデザイン
  • WEBサイト制作 ・WEBサイト保守
  • CMS更新/定期バックアップサービス
  • マニュアル制作、サイト更新操作説明会実施