![見出し画像](https://assets.st-note.com/production/uploads/images/32569671/rectangle_large_type_2_f00e205dd3c2a7a51b4d983a6edd3d27.jpeg?width=1200)
10.かえで歯科 #1日1サイトレビュー
【目的】
紹介サイト
歯医者さんを探している人にかえで歯科選んでもらう
【ターゲット】
歯医者を探している人
歯が痛いけど歯医者さんに行きたくない人
子供を連れて行きたい保護者
【フォント】
タイトル・見出し・本文:FOT-筑紫A丸ゴシック Std M
見出し・本文:游明朝体
電話番号:HalisGR-SLight
メインビジュアルでは優しい印象を持たす丸ゴシック。
また、「やさしい歯医者」をテーマにしているコンテンツでは丸ゴシックを使用。
長めの読ませる文章では、落ち着いた印象や信頼感を醸し出す游明朝体を使用している。
「やさしい歯医者」をコンセプトにだしているため丸ゴシックは効果的だが、游明朝体も使用することで文章にメリハリがでている。
【配色】
背景:fbfaf7
文字見出し:42210a
文字本文:42210a / 765844 / 897060
アクセントカラー:f8b62d
【印象】
淡くオレンジ系の配色で、あたたかく優しい印象
ほどよい余白がとられており清潔感がある
派手なアニメーションはなくシンプルで見やすいため安心感がある
【メインビジュアル】
・「こわくない、やさしい治療」というコンセプトと歯医者名がまず真ん中に表示、オレンジ色で画面スライドしてからサイトが表示される。
・ひらがなで書いてあることでより優しい印象を引き立てる。
・待合室・治療中の様子・お医者さんの3枚の写真がスライドで表示され、かかりつけた際のイメージがわきやすい。
・スライドは全画面表示で左側だけ余白。
そこに歯科の名前と住所が記載されておりとてもわかりやすい。
そのまま、サイト全体をとおして左側は余白となっており、スライドサイズでコンテンツも展開されている。
⇒このように縦に割る場合の実装
左側余白はheaderタグwidth:244px,height:100% postion:absolute
右側はmainでmargin-left:244px,postion:relative
【グローバル・ナビゲーション】
・固定はなし。
・なんとなくいつも、スクロールしたらでてくるコンテンツ順に配置されているイメージだったが、このサイトでは一番はじめに記載されている「ブログ」はスクロールすると一番下のコンテンツになっている。
・「よくある質問」がグロナビには表示されているが、TOPページ内にコンテンツとしてはない。グロナビにしか表示がないが固定されていないので、一番下まで見た人は上まで戻って表示を見つけなければならない。
⇒最初に目に入らなかったら、上まで戻るかもわからないのでページがあることを見つけづらいかも。
【コンテンツ】
・各コンテンツは端的にわかりやすく説明をいれ、詳しくは下層ページへ誘導している。
短い文章で端的にあらわしているため、ページの文章が長くなりすぎず見やすい。
【レスポンシブ表示】
なし
この記事が気に入ったらサポートをしてみませんか?