基礎化粧品「To U」LP ▪️ブランド名 To U ▪️扱う商品 パーソナライズ診断＋スキンケア化粧品の販売 ▪️ターゲット ・30代の女性 ・いろいろな商品を試してみたが 　しっくりくる化粧品がまだ見つ 　かっていない ・オーダーメイドやカスタマイズが 　好き ・他の人と同じものは好まない ▪️イメージ 高級感・上品・スタイリッシュ ▪️カラー 紫を含む ▪️使用ツール figma,Midjourney,Photoshop ▪️制作日数 3週間 [デザインポイント] ▪︎ FV ターゲットの「直感・共感」を最優先に設計。 - 高級感のあるガラス製商品と、清潔 感のある女性モデルを配置 - モデルをやや中央に置き、3点セット をモデルの肩方向に寄り添わせるこ とで商品ラインの魅力を自然に訴求 - 商品をモデルより手前に配置し、奥 行き感を演出 - モデルの目線とキャッチコピーを近 づけ、「この女性が語りかけている」 ような共感感を創出 - CTAボタンはあえて直線的なデザイ ンにし、柔らかいビジュアルの中で メリハリをつけて視線を誘導 - フォントは「見ているだけでうっと りする」と評される「しっぽり明 朝」を採用 ▪︎ お悩み 「私のことだ」と感じさせる共感設 計。 - 悩む女性・たくさんの化粧品・雑誌 などをバックグラウンドに配置 - 暗めのベースカラーで「悩んでいる 心の状態」を視覚的に表現 - 女性の目線の先に悩みワードをBOX でリスト表示し、自然に読み進めら れる導線を設計 ▪︎ Concept 安心感と潤いのイメージを訴求。 - スキンケアを楽しむ満足そうな女性 の画像を使用 - 背景に波紋画像を配置し、「肌が潤 っていく」イメージを視覚的に連想 させる ▪︎ Product 余白を活かした上品な商品訴求。 - 余白を十分に取り、優雅さ・清潔 感・潤いを感じさせる背景に - SP版のCTAボタンは押しやすさを考 慮し、中央に横長で配置 - 全体デザインに馴染むよう、あえて シンプルなボタンデザインに統一 ▪︎ How to 複雑なパーソナライズ診断のプロセスをわかりやすく。 - 各ステップをイラストで視覚化し、 流れを直感的に理解できるよう整理 - イラスト使用によりブランドへの親 しみを醸成し、購買意欲の向上を狙 う - 説明テキストは余裕のある行間で配 置し、「難しそう」という心理的ハー ドルを軽減 ▪︎ CTAセクション 清涼感の演出と再訪問・SEO対策を兼ねた設計。 - 商品の蓋の色に合わせた青みがかっ たラベンダーの背景で、清涼感と透 明感を表現 - 定期更新コンテンツとして、ユーザ ーの再訪問促進とSEO向上に寄与 ▪︎ Priceセクション 視線誘導と購買後イメージの両立。 - アクセントカラーで注目させたい箇 所を強調し、視線を自然に誘導 - 左に3点セット、右にハーブ類を配 置。商品の原料は水の背景の下レイ ヤーに置くことで「成分として溶け 込んでいる」イメージを表現 ▪︎ Footer LP全体の統一感と安定感。 - 商品の蓋からカラーをピックしてフ ッターに使用し、LP全体の世界観を 統一 - 他セクションよりトーンを落とした 配色にすることで、ページ全体に落 ち着いた安定感を付与 モデル、製品 - 生成AI