サイトレビュー　No.17

佐藤歯科医院

■会社概要
・岐阜県にある歯医者
・一般歯科から矯正歯科まで専門医師により治療を行なっている。

■ターゲット
・日曜祝日でも受診ができる歯医者を探している働き盛りの30代。
・高齢のため電車等でも通うことが難しい60歳以上の高齢者の方。

■ゴール
・他の歯医者にはない特徴（休日診療や無料送迎サービス、訪問歯科医療）を知ってもらいかかりつけの歯医者として選んでもらう。

■サイト構成
・ホーム
・当院について
・ドクター紹介
・診療内容
・設備施設

■ファーストビュー
共通
・メインビジュアルは院内の写真や先生の写真がフェードインで切り替わる。白が背景のもので明るく清潔感がある印象。写真は角丸になっていて柔らかい印象。
PC
・メインビジュアルの左側に歯科医院のメッセージを配置。右下には診療日と時間がわかる表がありサイトに来てすぐに診療日を確認できる。
スクロールすると右側に縮み診療時間というボタンに変わり画面に追従してくるのでいつでも診療時間を確認できる。
・ナビは左に大きくロゴを配置右側にホーム→当院について→ドクター紹介→診療内容→診療設備→お問い合わせ・電話番号
カーソルがある箇所に追加でうっすらまるが出てくるのだがナビのメニューの項目にカーソルを持っていくとカーソルがある箇所を大きな丸がでてきて今どこを押そうとしているのかがすごくわかりやすい。間違えて押すことがなくなり幅広いユーザーに使いやすいつくりとなっていると思った。
診療内容にカーソルを当てるとわかりやすい診療内容をアイコンで示した表が出現し視覚的にもわかりやすい。

SP
・メインビジュアルは画面高さいっぱいにメインビジュアルを表示。
・ナビはロゴとハンバーガーボタン。ドロワーメニューの中は診療内容は各項目も目次を表示している。ユーザーの求める診療内容がすぐにわかり目的のページへ早くたどりつけると思った。
PCでフッターにあるフッターメニューの内容を入れている。
・メインビジュアル下にはご予約・診療時間・アクセスが横並びにボタンとして配置されている。スクロールで追従してくるのでいつでも診療時間を確認→予約へ進むことができる。　

■全体
・歯医者さんなので写真も色合いもすごくクリーンな清潔な印象。
・フォントは丸ゴシックを使用。文章カラーはグレーに近い黒で柔らかく優しい印象を受ける。
・PCは画面のカーソルしている部分をわかりやすくするためカーソル部分にうっすら丸が表示される。ユーザービリティを考えたつくりだと思った。
・診療内容にはアイコンを使用し視覚的にわかりやすく親しみを持てる。
・当院の特徴は番号をつけておりたくさんいいところがありますよと明示している。
・セクションの区切りに波打つデザインが可愛らしい。
・アクセス部分はグーグルマップを配置しているが誰でもグーグルマップを押すとマップが開けるとは知らないこともあるので住所記載の下にマップを見るボタンを作りここを押せばマップ見れますよ。というのが親切だと思った。

■フォントとカラー
フォント
メイン：'Shuei MaruGo B'　秀英丸ゴシック　WEBフォント
本文：Koburina Gothic W3　モリサワのフォント
カラー
メインカラー：#91C3E0
ベースカラー：#fff  #3F3F3F
アクセントカラー：#F4F4F4

■学び
カーソルの場所がわかるようにさらに画面に丸を表示したり、ユーザーが絶対確認したい情報を何度でもすぐに確認できるようにボタンを配置するなどユーザービリティを考えたサイトだと思った。
なみなみのあしらいが可愛くてCSSで作っているので真似したいと思った。

#サイトレビュー #デザインの言語化