スクリーンショット_2019-08-25_13

ペエ歯科クリニック #1日1サイトレビュー

【Day45】2019.08.25

・サイトを開いて一番に目に入るのが歯の形をした『ご予約・お問い合わせはこちら』の部分
→電話番号と営業時間、休診日が記載
→必要な情報がすぐ目に入り、探す手間がなくなる

→hoverすると縁が4db9d0に色づく

・背景は歯の形イメージ?したimgが一定のスピードでスライドして表示される

・グローバルナビゲーションは、アイコン+日本語表記+英語表記で記載
→アイコンは黒で縁取られていることで白アイコンでも目立つ、視認性◎
→文字はimgのためフォントわからず。英語フォントカラー#3d9fd1

・背景色#eaf2f4

・使用フォント:Noto Sans Japanese

→コンテンツごとに波線で区切りを付けている
・各コンテンツ部分には文字のみの表記だけでなく、アイコンも載せている

・『1分でわかるペエ歯科クリニック』部分は『1分』の文字だけサイズが大きく、強調されている
・ボタンサイズは201×40

・コンテンツ『診療内容について』部分は、141×141のimgをmargin-right: 29px;のfloat: left;で7つの丸型を表示している 背景色#e9f2f4
→自由診療のみ記載が足されていて、わかりやすい 判読性◎

・画像+吹き出しで画像の詳細、メッセージが記載されている

・営業時間記載部分にお知らせで記載されていた内容『9月2日(月)は〜』が再度表示されている

・footer部分にPAGE TOPボタン=歯の形

・footerナビはアイコン無しの文字だけの記載
→hoverすると下線が消える

・footer背景色##42bad0

・サイト全体の色が落ち着いていて清潔感のあるイメージに繋がる
・波線の区切りや歯の形をした画像、角丸のボタンなど、丸みがあって馴染みやすい雰囲気
・子どもから高齢者まで幅広い年齢の方がターゲット→サイトの見やすさや可愛いアイコン、お知らせの親切な表記に工夫が見える


読んでくだりありがとうございます。 頂いたサポートはスキルアップのために大切に使わせていただきます!