見出し画像

透ける花色の唇 ‘icy pastel’ | OPERA #1日1サイトレビュー

【概要】
・商品紹介LP
【印象】
・春と夏の間の瑞々しい雰囲気
・PC画面でもコンテンツが割と縦長に作られている
【メインビジュアル】
・商品自体の登場時間は少ないが商品を特徴をイメージさせる動画
・右下にはキャンペーンのポップアップ(固定)、オンラインストアへ誘導
・上部にナビがあり、右側にはハンバーガーメニューもあり
・OPERAのロゴがシンプルなため、ナビのメニューの文字は小さく、色も薄め
【コンテンツ】
・コンテンツは下からフェードインする
・連続性のある背景で自然とスクロールしてしまう
・水彩の花柄や水滴の写真が透け感やみずみずしさを表現
・ボタンは透過されているがグラデーションのため目立つ
・動画はwidth100%で再生されていて存在感がある
・キャンペーンや限定色は左上に円状に表示
【カラー】
・白ベースにコーラルとパープルの商品カラーに合わせた配色
・いずれの色も透過されて使われているような印象
【フォント】
・HCo Gotham、OptimaLTPro-Roman
【レスポンシブ】
・ポップアップは下方部に固定表示
・フォントの最小サイズは12px

画像1


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