現状のホームページ診断

01 / 03

話をよく聞き、その子に合った治療を。
来院前の分かりやすさを、もう一歩。

すでにあるスマホ表示とネット順番予約を活かし、確認から受診までの流れを整えます。

higashiyamavet.com
現状ホームページのPC表示。病院ロゴとメニュー、写真、診療時間とお知らせが配置されています。
現在のよいところ

スマホ表示とネット順番予約を導入済み。整形外科外来やマイクロバブルなどの特色があり、お知らせも更新されています。

現状のホームページを見る ↗
01

木曜・受付時間の案内を、ひとつに。

TOPは木曜9:30開始、2025年5月のお知らせは9:00開始と記載。診察終了と受付終了の案内にも差があり、院に確認して全ページをそろえる必要があります。

確認箇所:TOP・木曜開始の注記 ↗
02

ネット順番予約まで、迷わず進める導線に。

TOPの「診療予約はこちら」は予約の説明ページに移り、そこから外部の予約画面へ進みます。当日分の順番受付であることを伝え、予約の入口を分かりやすく整えます。

確認箇所:予約制について ↗
03

スマホからタブレットまで、画面幅に合わせて。

スマホ375pxでは画面内に収まりますが、1024px幅ではページが1200pxあり、横にはみ出す表示を確認しました。中間の画面幅でも読めるよう、メニューや配置を調整します。

確認箇所:TOPの1024px幅表示 ↗
公開ページの内容・表示をもとにした診断|確認日:2026.10.27ひがしやま動物病院 様

ミラクルで改善すること

02 / 03

正しい案内に、すぐたどり着ける。
相談しやすさが伝わるホームページに。

病院の丁寧な診療を、来院前の案内と端末ごとの見やすさでも伝えます。

現状・見直したい点改善すること期待できる変化
01

ページごとに時間の表記が異なる

木曜の開始時刻や、診察終了・受付終了の案内に差があります。

院に確認し、同じ情報から表示

診療・窓口受付・ネット受付の時刻を整理。木曜や臨時休診も、TOPと各ページで同じ内容にします。

受診前の不安や迷いを減らす

いつ来院できるかを確認しやすくし、ページによる受け取り方の違いを減らします。

02

予約ボタンが説明ページへ移動

TOPから説明ページを経由し、外部の順番予約画面へ進む構成です。

予約と電話を、分かりやすい位置に

予約画面へ進む入口と、当日分の順番受付という説明を整理。スマホ下部に電話・順番予約をまとめます。

予約・相談へ進みやすく

目的の入口を探す手間を減らし、予約や電話相談へ進みやすくします。

03

タブレット幅で横にはみ出す

1024px幅ではページ幅1200pxとなり、横スクロールが必要でした。

画面幅に合わせてレイアウト調整

メニューと文字・写真の配置を端末に合わせて調整。整形外科や日常ケアなどの特色も見やすく伝えます。

どの端末でも、病院の魅力が伝わる

途中の情報が見切れにくくなり、診療の特色や院内の雰囲気を読み進めやすくします。

2案に共通する改善方針

診療・受付情報を統一 / 電話・順番予約の入口を整理 / 端末に合わせた見やすさ

記載の変化は設計上の狙いです。予約数などの成果を保証するものではありません。ひがしやま動物病院 様

TOPページのデザイン案

03 / 03

やさしい親しみと、落ち着いた信頼。
2つの見せ方でご提案します。

ご提案済みのB・C案を、PC・スマホで実際に操作できるTOPページにしました。

B案白と若草のPC表示B案のスマホ表示

B 白と若草で、やさしく見やすく

白と若草のやさしい病院

白い余白と若草色、やわらかな文字。
日々の相談がしやすい親しみを伝える案です。

ページを直接開く ↗
C案木と明朝のPC表示C案のスマホ表示

C 木の温かさと、落ち着いた信頼

木と明朝の読みもの

ブラウンと生成り、明朝体を活かした構成。
診療の姿勢を、落ち着いて読み進められる案です。

ページを直接開く ↗

デザインプレビュー

別タブで開く ↗

ご提案用の動作デモです。予約・問い合わせは送信されません。