見出し画像

recipist | 資生堂 #1日1サイトレビュー

#たおりゅうでおなじみのrecipist
・メインビジュアルは情緒的な画像を使用したスライド
・フォントは全体的に丸くて細いラインで優しさや安全な感じを出している
・欧文フォントはQuicksand、和文は游ゴシックだけど小さめ
・メインビジュアルの文字には丸ゴシックを使っている
・最小フォントは13px
・色合いは可愛らしい女子が使ってそうな淡い色合い
・メインビジュアルの右下にcampainサイトへの誘導ボタンあり
・見出しは白抜き文字で統一、背景が白でもピンクでも目立つ
・背景色のピンクは2色で微妙に明るさが違う感じ
・自然由来成分の植物のイラストがあえて写真を使わない感じが優しさがある
・STEPの部分の写真は少しアニメーションがついていて目をひく
・説明部分は破線で囲まれていてまとまりを感じつつ、写真の邪魔をしない
・サイトの構成としては名前だけ聞いたことがある人を新顧客へするための感じ
・常連の人へはヘッダーのONLINESTOREへの誘導ボタンへという感じ
・文字は全て中央寄せ
・RECOMMERND ITEMの部分は機能的な写真
・imgはclassでPCとSPのサイズを調整
・斜めに区切る背景は3つのパーツで構成されている

画像1


デザインの勉強をするために活用させていただきます。