見出し画像

サイト分析 夢見るカラーアイメイク ‘Dreaming Earth ’ | OPERA(オペラ) | コスメティック[公式]様

サイトの第一印象・キーワード

ガーリー・かわいい・キレイ・おしゃれ


サイトで気づいた点(デザイン面)

  • コスメの色味・テクスチャーに合わせて、グラデーション+ラメであしらいを入れているのがおしゃれ

※使用フォント=ゴッサム
パワフルで力強い印象さがあるため、フォントサイズを大きくして使用するとインパクトを感じる。
一方で丸っこくて可愛らしさもあり、男らしい力強さではなく女性らしい逞しさの印象を与える。視認性も高いため、フォントサイズを下げても見やすい

  • 後ろの背景を薄ピンク、紫をいれることで、ゆめかわいい雰囲気をだしつつ、背景に敷いたフォントアニメーションが際立っている(文字を白にすることで背景よりも浮いて見える)


  • 見出しがないにもかかわらず、コンテンツの境目がわかりやすい、線を敷いたり、画像を入れたりしてコンテンツの始まりと終わりがわかりやすい。また見出しをいれていても「ザ見出し」という感じが感じない

  • 商品名だけ別のフォントを使用し、フォントサイズをあげることで際立つ、印象に残る

  • おしゃれ・洗練な印象になるように、読ませる部分はフォントサイズを13pxにしつつ、読ませるよりはアイキャッチのようにみせている

  • サイト全体で余白を大きくすることで、高級感、繊細さな印象を与えている。が余白がひろくあきすぎることで物寂しい雰囲気にならないようにコンテンツの左右を入れ替えて配置したり、場所によって写真の大きさを変える、傾けて配置するなど調整している

  • 写真を淡く加工し、エモい雰囲気にしている


サイトで気づいた点(アニメーション面)

  • マウススクロールに合わせて、画像が動くのが面白い、目を引く、今っぽい

  • 要素がふわっとあらわれることでゆめかわいい印象を受ける

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