スクリーンショット_2020-03-05_21.58.55

逗子の矯正歯科 マリモ歯科・矯正 #1日1サイトレビュー



【概要】

逗子にある矯正歯科の主に診療理念が掲載されているwebサイト


【印象】

・全体的にブルーとホワイトであるため爽やか、清潔感がある

・水彩画の絵が使われていて落ち着きがある、可愛らしい


【メインビジュアル】

・フルスクリーンで余白なし、全面イラスト

・濃いブルーを背景に歯ブラシや歯磨き粉などの歯に関係する物たちが水彩画で描かれていて可愛さ・親しみやすさが感じられる。特に濃いブルーと柔らかい水彩画のタッチが歯科に求められる清潔感・安心感を与えている

・左右下にスクロール、またはスクロールのアイコンを押すとそのままその方向にスライドされてコンテンツに移動する(イラストも一緒に移動される)

【コンテンツ】

・ハンバーガーメニューを押すとコンテンツの一覧が出てきて、その中のコンテンツの項目の上にカーソルを合わせると項目がくるっと裏に回転し、色が白から濃いブルーに変わり、項目の大きさも大きくなる

・コンテンツは大きく、診療理念・患者宛て・採用応募者宛ての3つに分けられている。患者宛手にははじめての方、矯正について、予防について、患者の声のコンテンツがあり、採用応募者宛てには職場紹介、メッセージ、チーム医療、募集要項のコンテンツがある

・コンテンツへの移動で現れる店のロゴが視覚的に良いアクセントになっている。歯科らしくないシンプルでおしゃれなロゴがパラパラ出てくるところが可愛い。また、ページが変わる際は濃いブルーの背景が上にスライドされる

・治療の流れのコンテンツでは説明が10段回に細かく分けられており、また、1段回ずつ動画で流れを説明している点が分かりやすく、初めての患者にとって親切で安心するポイントだと感じた

・下にスクロールすると水彩画の背景がふわっと現れ、さらに下にスクロールするとふわっと消える


【フォント】

・メインビジュアルの「MARIMO DENTAL HOUSE」は游ゴシック

・和文フォントは游明朝のborld、説明文は游ゴシック

・欧文フォントはcinzel、游明朝


【カラー】

・メインカラーは濃いブルー#3e6b80と白#ffffff

・選択されている項目の色や選択されていない項目の色は薄いブルーで選択に見分けができるようになっている#c4dde2

・全体的に濃いブルー、白、薄いブルーでまとめられているためアクセントカラーは水彩画や写真の色になっている


【レスポンシブ】

・左右下にスクロールできるところは変わらない

・PCは写真と文章を左右に分けていたが、SPは上下に分けている

・PCはグリッドレイアウトで表示されていたところをSPではスライドに表示されている


スクリーンショット 2020-03-05 22.01.57

スクリーンショット 2020-03-05 22.00.36

スクリーンショット 2020-03-05 22.01.02




この記事が気に入ったらサポートをしてみませんか?