サイトレビュー④

画像3

参考サイト
自賠責保険

URL         
  https://www.jibaisekihoken-koho.jp/

使用カラー
・#0079D7
・#00BAFF
・#777777
・#00BAFF (下層ページのフォントカラー) 

使用フォント
・HiraKakuPro-W6
・System-ui

ターゲット層
・10〜20代でバイクに乗っている人
→保険の説明文や動画を見ると、若い人をターゲットにしていると思いました。
こういったサイトは固いイメージがあるけど、このサイトはポップなデザインで親近感が湧きますね!抵抗感なく保険のことを知ることができそう。

サイト構成
自賠責保険の基礎知識から保険金の請求〜受取までの流れ、取扱店舗などのページが用意されていました!
各コンテンツの下部には、次のコンテンツに誘導する要素があり、進行状況が分かりやすい。

参考にしたいポイント
【全体】
・女性の話し言葉には手書き文字が使用されているので、人間味がでていいアクセントになっていると思います。
・青のマスクをかけているからか、存在感はあるけど主張しすぎていないのでコンテンツも見やすい。

【各コンテンツ】

スクリーンショット 2020-09-07 2.00.57

・重要な箇所の文字色を補色にしたり、強調されているので目に入りやすい。
・ボックスシャドウはストライプの模様が使用されている。
・背景とコンテンツが同系色なので、コンテンツの枠線を太くすることで区別化することができている。
・マウスオーバーすると、色や画像が変化する。


スクリーンショット 2020-09-07 2.00.29

・コンテンツが斜めに配置していて、躍動感が出ている。

スクリーンショット 2020-09-07 2.10.43

・フッター部分はアイコン周りを白くして、目立たせるようにしている。

スクリーンショット 2020-09-07 2.17.35

そのまま置くと、背景とアイコンの色がどちらも強めなので見づらい。


レビューは以上です!
今回レビューしたサイトは動画や画像が多めに使われていたので、表示速度気になってPageSpeed Insightsで計測してみたのですが、標準でした!
圧縮してるのかな?
そしてモデルさんが可愛い!宇垣さん。ずっと見ていたくなります〜😊✨
背景の動画は宇垣さんが登場しているシーンを集めて編集しているような気がします。