見出し画像

15.さささ#1日1サイトレビュー

【サイトの概要】
晒(さらし)ロールの認知と販売

【ターゲット予想】
いつもの暮らしで紙を捨てるのがもったいないと感じている消費者
20代後半-30代で家事を行う機会の多い男女
特にエシカルに関心の高い20代前半もターゲットか

【ファーストビュー】
・画面いっぱいのさらし画像の上に「さささ」と一文字ずつ浮かび上がる。easingの動きもふわりとしていて優しいそうな感じがする
・ローディングが終わるとトップは「コンテンツ紹介 + 映像」の2カラム構成で展開される。スクロールしても映像はfixedで固定されており、画面の半分をさらしで覆うようなイメージを演出か
→検証ツールで見ると、映像部分の.movie-blockは最初からwidth:50%でもちろん全画面表示ではないが、スクロールしても固定されていると視覚効果でその上に何かが載っている風に見える

【全体的な印象】
・全体的に白を基調として清潔なイメージ
・フォントは明朝で上品なあしらい
・コピー部分もcssのwriting-mode : vertical-rlで縦書きにして「和」を表現
・letter-spacingは1px line-heightも2.2と比較的緩め

【サイト全体の構成(主なクラス名や状態)】

・movie(fixed)

・.intro-content01,02

・.intro-text

・.product-content

・.shop-content

・contact-content

・company-content

・footer

ヘッダーはなし

【カラー】

画像1


【フォント】
A1明朝 - 400

【コンテンツ】
FV、フィボナッチの中央に「さささ」が来るように配置

グループ 22

グループ 23

【スタイル】
CTA含めフラット

グループ 21


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