MediPeak JOURNEY
  • MediPeak Journey
  • 【デザイン納品編】―二番町クリニック ホームページ制作プロジェクト―#3

「二番町クリニック」様のウェブサイト制作プロジェクト、今回は事前に納品したデザイン案を元に、修正打ち合わせを行った模様をお伝えします。この打ち合わせでは、これまでに固めてきたデザイン案をさらに洗練させ、クリニックの想いを最大限に形にするため、細部にわたる検討が行われました。
患者様にとって、より使いやすく、魅力的で、クリニックの理念が伝わるウェブサイトを目指し、どのような調整が加えられたのでしょうか。

1. トップページデザインの最終調整

ウェブサイトの顔となるトップページ。ここでは、ユーザー体験を最適化するための綿密な調整が進められました。

 

  • 「内科」「呼吸器内科」の視認性向上:「内科」「呼吸器内科」を、訪問者が一目で理解できるよう、表現方法が検討されました。それぞれ並列して表示することで、明瞭かつ簡潔に科目を伝える工夫が凝らされています。2パターンご用意し、最終的には、写真の魅力を損なわずに情報を伝えるため、キャッチフレーズの下にボタンのような形式でコンパクトに科目を配置する案が採用されました。
  • キャッチフレーズの表示:クリニックのモットーを伝えるキャッチフレーズについても、表示方法が細かく議論されました。特にスマートフォンでの視認性を考慮した表示が採用されました。

トップページのデザインイメージ パターン1

トップページのデザインイメージ パターン2

トップページのデザインイメージ パターン3

  • 背景デザインの変更:デザイン全体の調和を図るため、当初の薄いブラウンから「木目調」への変更を希望されました。ウェブサイト全体の横波を打つようなデザインと馴染むよう、横方向の木目調が選ばれ、統一感のある洗練された印象へと繋がっています。

フッターのデザインイメージ

2. コンテンツ表示の最適化

各コンテンツの表示方法も、訪問者が知りたい情報にスムーズにアクセスできるよう、入念に検討されました。

 

  • 証書表示の再検討:トップページに多くの情報を配置することで生じる「ごちゃつき」を避けるため、先生の専門性を証する「証書」については、医師紹介の単独ページに集約することが合意されました。
  • オンライン診療の項目追加:患者様の利便性を高めるオンライン診療の導入に伴い、ウェブサイトへの項目追加が決定しました。既存の「医療DX化」などと統合することで、トップページに配置する特徴項目数を6つに保ち、画面スクロールの負担を軽減する工夫が施されています。
  • 「症状から探す」セクションの改善:患者様が抱える「症状」から診療情報を探せるセクションは、その名称を「症状・お悩みから探す」に変更し、より具体的な症状(花粉症、アレルギー、発熱、頭痛、だるさなど)が追加されました。特にスマートフォンでの視認性を考慮し、横並びを2列にすることでスクロールを少なくする「6項目」が最適と判断され、背景にはグラデーションを導入し、視覚的な魅力も高められます。

症状・お悩みから探すセクションのデザインイメージ

3. その他の修正点と今後のタスク

上記以外にも、ウェブサイト全体の質を高めるための修正点や、今後の制作に向けたタスクが確認されました。

 

  • 採用情報:開業を控えるクリニックにとって重要な「オープニングスタッフ募集」のバナー文言は、将来的に「スタッフ募集」として継続利用できるよう配置が調整されました。視認性向上のため、文字サイズを若干拡大する方向でテストを行うことが決定しています。
  • ロゴマークのバランス:トップページ左上に配置されたクリニックのロゴマークは、周囲のデザインとの調和が取れていることが再確認。シンプルなロゴとウェブサイト全体の重厚感あるデザインが良好にマッチしているため、クリニックのブランドイメージもしっかりと伝わってきます。

採用情報セクションのデザインイメージ

今後のスケジュールとコンテンツ作成のポイント

打ち合わせでは、ウェブサイト公開、そして2026年6月1日の開業に向けた具体的なスケジュールと、クリニック側で進行するコンテンツ作成に関する重要なアドバイスも共有されました。

 

  • 原稿作成:各ページ(診療案内、症状から探すなど)の原稿作成は先生側での対応いただく必要がある旨をご説明。制作チームから提供されたExcelの構成案に沿って、箇条書きや項目立てで分かりやすく記載することが推奨されています。
  • 画像挿入:各コンテンツに挿入する画像の候補(フリー素材や参考画像)は、原稿提出時に併せて提供されます。画像は視覚的な魅力を高めますが、ウェブサイトの読み込み速度やスクロール量に影響するため、全体のバランスを考慮しながら厳選することの重要性が伝えられました。
  • 求人情報の優先:新規開業において、スタッフ確保は喫緊の課題です。そのため、求人情報は特に優先度が高いとされ、早急に求人情報ページから公開していく方針が示されました。

求人情報ページのイメージ

今回の打ち合わせを通じて、デザイン納品後のテストページ実装に向けた具体的な道筋が明確になりました。クリニックの想いを最大限に反映させ、患者様にとって最高のウェブサイトを届けられるよう、制作チームは密な連携のもと、完成に向けて着実に制作を推進してまいります。

Customer Data

二番町クリニック院長

二番町クリニック

髙橋先生からのコメント

ホームページは、私の希望通り、温かみがあり親しみやすいデザインに仕上げていただき、大変満足しております。全体の構成や導線も分かりやすく、初めてご覧になる方にも当院の特徴や想いがしっかり伝わるホームページに仕上がっていると感じています。

今後、ホームページをご覧になって来院される方が増えることを期待しており、オープンがとても楽しみです。

また、当院の強みである当日のCT検査が可能である点も分かりやすく表現して頂きました。メールや電話へのレスポンスも迅速かつ丁寧で、安心してやり取りができ、楽しみながらホームページ作成を進めることができました。今後ともどうぞよろしくお願い致します!

MediPeak JOURNEYは、こうした一つひとつの出会いと対話から始まります。
お客さまの想いに寄り添い、共に歩みながら、
未来を形づくるその瞬間を、これからもお届けしていきます。