神戸の歯科医院－そうあいデンタルクリニック　～1日1サイトレビュー～

【Day 2】2019/09/07 歯医者さんのサイトレビュー
昨日、歯医者さんのサイトレビューをしたので、比較のために今日も歯医者さんのサイトレビューをすることにしました！
2つのサイトを見て思ったことはどちらのサイトも色合いがとても落ち着いていて、イラストなどで歯についての難しいことを解説してくれています。
マリモ歯科の方がトップのページの構成はいいのではないかと感じました。自分が今知りたいことがどこを開けば見ることが出来るのか一発でわかる構成になている。階層が深いため、迷子になりそうになった。

pc▶ロゴのアニメーションは素直に驚いた。ほかにも、ページの枠を固定することで一枚の紙を見ているかのような仕上がりだった。
http://so-ai.jp/

①メインビジュアル
・ロゴ⇒とてもかわいい　ユニークなロゴ
・ハンバーガーメニューは左上。
・5枚の画像が自動で変化。⇒内装やスタッフの画像なので信用性・安心感が増す。
・白で枠取り下にはスクロール矢印。⇒helloの一言、かわいい。
・スクロールすると少し画像が大きくなる。⇒そのため全体的に縦のサイズが変化している。

②フッター
店舗名・住所・TEL・FAX・ロゴ・メニュー項目

③固定
sp
ハンバーガーメニューのみ
pc
headerからの固定は、ロゴのみ
お知らせ・想い・なかのこと・できること・はたらくひと・時間と場所・相談・予約
固定の部分が、上部だけでなくページをかこっていて、一枚のポスターみたい。

④ハンバーガーメニュー
左から縦の帯
収納の仕方⇒同じハンバーバーメニューを押す
選択した横のラインの色が変化
おしらせ・想い・なかのこと・できること・はたらくひと・時間と場所・相談・予約

⑤構成
sp
Days&News　Newsの方が先に来ている
診察カレンダー
SNS　facebook/instagram
CATEGOTY　：9分割
フッター

⑥画像について
メニュー内の各項目の中には、多くのイラストや写真が載っていた。
写真⇒清潔感あり
イラスト⇒項目に関連した内容を読まなくてもどんなことが書かれてるかわかるイラスト。

⑦フォント
ひらがな
YuGothic, "Yu Gothic", 游ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "Open Sans", Helvetica, Arial;
英語
Roboto, sans-serif;
Max 17px, Min 11px  　多：13px

⑧配色

⑨アニメーション　あれば
トップの画像のスライド
pcのみロゴが移動

⑩スマホとPCの違い
・一言⇒そんなに目立たない。
・日付と天気も記載。⇒少しの親切さ
・ロゴがスクロールするにつれて、下のセクションの上部に移動。⇒新しいデザイン。ロゴに目が行く。ページの記憶が残る

⑫気になったところ
想いの内容で、イラスト、文字、配置がとてもユニーク