PortNavi

LUMÉA

Tags

  • CSS
  • Figma
  • Github
  • HTML
  • jQuery
  • Uncategorized
  • LP(ランディングページ)
  • 高級感
  • ピンク
  • ブルー
  • ベージュ
  • ホワイト

サイト概要

LUMÉAは、架空のコスメブランドのWebサイトとして制作しました。 「ソフトエレガント」の雰囲気を好む20代女性をターゲットに、上品で洗練された印象を引き立てるコスメブランドというコンセプトで制作しました。

ターゲット/ペルソナ

20代の顔タイプ「ソフトエレガント」の女性をターゲットに制作しました。 派手すぎるメイクよりも、上品で透明感のあるナチュラルな仕上がりを好む方に向けて、自分の魅力を自然に引き立てるリップを提案することを目的としています。

こだわりポイント

透明感のあるブランドイメージを表現するため、全体を淡い色合いで統一し、上品な印象を与えるフォントを選定しました。また、ふんわりとした世界観を演出できるよう、ゆっくりと表示されるアニメーションを取り入れています。 さらに、商品の魅力が伝わるように、光やツヤ感を感じられる画像を使用し、透明感や輝きを視覚的に表現できるよう工夫しました。

サイト全体像

LUMÉA