ランディングページ サイトリンク： PC- https://www.figma.com/proto/QcqjTkT8kWlKJ5v194xcam/LP-%E3%83%A1%E3%82%BF%E3%83%A2%E3%83%AB%E3%83%95?node-id=1-8&p=f&viewport=979%2C608%2C0.24&t=uM6UCwNYCTjUZA9W-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=1%3A8&show-proto-sidebar=1&page-id=0%3A1 スマホ- https://www.figma.com/proto/QcqjTkT8kWlKJ5v194xcam/LP-%E3%83%A1%E3%82%BF%E3%83%A2%E3%83%AB%E3%83%95?node-id=82-80&viewport=851%2C516%2C0.17&t=lqGWNYDz1EXioDyi-1&scaling=scale-down&content-scaling=fixed&starting-point-node-id=82%3A80&show-proto-sidebar=1&page-id=0%3A1 ◼︎クライアント 架空スキンケアブランド「METAMORPH」 （20〜40代の「肌質改善」を目指す女性向け・導入美容液） ◼︎サイトの目的 ・新規定期購入の獲得 ・「肌の奥深くまで浸透する」という製品特長の視覚化によるブランディング ・成分へのこだわりと、使用後の肌の変化への期待感を醸成 ◼︎役割 ・レイアウト設計 ・デザイン全般（画像選定・レタッチ含む） ・実装 ◼︎使用ツール Figma / Wix ◼︎制作期間 約2週間（30時間） ◼︎ポイント 依頼背景（課題）： 既存の製品サイトは機能説明に偏り、ターゲット層が求める「洗練さ」や「自分へのご褒美感」が伝わりづらかった。 課題解決： ・「浸透」をテーマに、水滴や気泡、瑞々しい花びらを用いたビジュアル要素をサイト全体に配置し、生命感と没入感を演出。 ・縦書きのタイポグラフィと贅沢な余白を組み合わせることで、和モダンで洗練された「METAMORPH」独自の静かな世界観を構築。 ・スマホ版では、直感的にメニューを切り替えられる「横スクロールカテゴリーフィルター」を導入し、ストレスのない操作性を実現。 成果（定性）： ・「ただの美容液ではなく、肌の未来を変える場所」というブランド価値を明確化。 ・愛用者の声（USER'S VOICE）を顔写真付きで掲載し、整理された構成とすることで、高単価な美容液特有の「初めての不安」を解消し、購入動線をスムーズに。 ※架空サイトの為商品画像はAIを使用しております。