47. Finch#1日1サイトレビュー

Finch | ELECOM

【ターゲット】
・使いやすいスマホケースを探している人

【印象】
・白のベースに商品のカラーが配色されていてモダンで洗練された印象

【カラー】
ベース：白
テキストカラー：緑#00AC97、ピンク#E95281、黒#000000、白#FFFFFF

【フォント】
本文：游ゴシック
英字：Lato

【アニメーション】
・サイトを開くと、白い画面の中央でロゴがくるくる回り、TOP画面が出てくる
・TOP画面は数秒ごとに切り替わる
・スクロールするとコンテンツが浮かび上がる
・ボタンにマウスオンすると黒色から青色に変わる
・ボタンにマウスオンすると緑色から黒色に変わる
・ボタンにマウスオンするとピンク色から黒色に変わる
・フッターのボタンにマウスオンすると、青色が薄くなる

【あしらい】
・ヘッダー：ロゴは縦93px、横53px
・TOP画面は、左右に画面が分かれている
・スマホを手で持っている写真が多い
・コンテンツの右側にコンテンツタイトルが固定されている
・手書きの説明文
・写真の目立たせたい部分に▶︎で円
・「POINT」コンテンツはアイコンで説明されている
・ケースのサイズが図も用いられて細かく説明されている
・ボタンは、縦60px、横246px

【サイト全体の構成】
・ヘッダー
・TOP画像
・ABOUT
・POINT
・SPEC
・フッター

【ファーストビューの構成】
・ヘッダー（ロゴ)
・TOPの写真
・スクロールマーク

【フッターの構成】
・ロゴ
・SNSマーク(Facebook/Instagram)
・企業のロゴ

【レスポンシブ】
・ヘッダー（ロゴ）
・TOP写真は、分割が左右から上下に変わった
　画面いっぱいに子どもの写真でインパクトがある
・全てのコンテンツが1カラム構成
・ロゴは、縦60px、横38px(ヘッダー)
・ボタンは、縦40px、横164px

【気づき・分析】
・配色がケースのカラー展開と同じ
・ケースを持った写真が多く、ケースのサイズ感が分かりやすい
・フォントのジャンプ率が高い
・コンテンツの右側にコンテンツタイトルが固定されている
・写真の説明している部分に▶︎で円があしらわれており、目立っている
・ケースの写真の上に手書きの文字で説明書きがあり、可愛らしい雰囲気が出ている
・ケースのサイズが図も用いられて細かく説明されているので分かりやすい