歯科医院Webサイトリニューアル

患者様が赤ちゃんからお年寄りまでと幅が広いので、方向性としてはあまり子供向けになりすぎない程度で幅広い層に好まれるようなパステルポップのイメージにしました。

【全体の方向性】
■全体構成
すぐに見たい情報を上部に配置し、ページ下に行くにつれて細かい情報までみれる構成にしました。

■想定ユーザーUX
UX的視点で大まかに分けて2パターを想定しました。
①すぐに必要な情報をみたいパターン
以下がすぐ見れるようにサイト上部に掲載
・診察時間・曜日
・アクセス
・対応治療内容

②じっくり細かい情報を見たいパターン
様々な見たい情報に最短でアプローチできるように以下を対応
・サイト内検索
・サイトマップ（ページ下）

■全体デザイン
ポップ ・カラフル、パステル、にぎやかを主体にクレヨンなどの手書き感も出しました。

■デザインカラー
ベースは白で清潔感を出し、コーポレートカラーのオレンジを使って全体の統一感を出しました。
またライト系のトーンで全体を優しく演出しています。

■外部画像素材
補足説明に従いアドビストックの画像を使用しました。
画像番号は以下の各パーツ説明で個別に記載しています。

【各パーツ説明】
■ヘッダー
上記想定ユーザーUXのパターン①を考慮し、グローバルナビを若干変更しました。
・当院について：貴院に関するページに遷移（コンセプト・スタッフ紹介、院内ツアー）
・診療メニュー：患者様が受けたい治療がすぐ見つかるようにグローバルナビに設置
・アクセス・診療時間：患者様がすぐ見たい情報なので「医院情報・アクセス」から変更
・無痛治療や他の取り組み：貴院の力を入れている科目を表記（当院の取り組みページへ遷移）

■メインビジュアル
・新規の患者様が貴院に到着した際、すぐ場所がわかるようにエントランス画像を配置。
・お子様連れにうれしいキッズルームはアピールポイントなのでメインビジュアル内に配置。
・貴院のコンセプト「痛くない治療」「抜かない治療」をメッセージとして配置し、貴院の思いがあるのでフォントは若干堅めにしました。

※メインビジュアル内の円の部分はスマホ表示では小さすぎて中の文章が読めないので、スマホ用に別画像が必要になります。

■当院からのお知らせ
最新の情報が患者様にすぐ伝わるように新着情報・ニュースをメインビジュアルの次に配置。
右カラムにユーザーUXのパターン①を考慮し「サイト内検索」貴院の住所、診療時間、ネット予約を配置。

■診療メニュー
「当院の取り組みページ」に書かれている「歯医者さんはこわいと思っている方にも安心して通院いただけるよう」
にあるように、こわくなく安心して欲しい思いからポップなイメージで作成しました。

■医院メッセージ
既存トップページの中央下にある「地域の方々が安心して通える歯医者を目指して」の部分になります。
貴院の思いがあるのでフォントは若干堅めにしました。
キーワードとなる箇所はオレンジ色で強調しました。
上部は院長様とスタッフの皆様のメッセージとして院長様とスタッフ様の写真画像を配置。
中央はインテリア等が見れる待合室の画像を設置。
下部は担当衛生士制による診療の内容なので医療機器画像を設置。

■動画コーナー
こわくなく安心して欲しい思いからポップなイメージで作成しました。
一通り情報を見て頂いたタイミングで「ご予約・お問い合わせ」を設置しました。

■医院情報
既存トップページにもある医院情報を設置しました。

■フッター
既存トップページにあるバナーリンクとサイト回遊を考えサイトマップを設置しました。