敏感肌向け美容液「MELVIA Barrier Glow Serum」を題材に制作した、PC・スマートフォン対応のランディングページです。
“デパコスらしい高級感”と“肌へのやさしさ・安心感”の両立をテーマに、ブランドの世界観から情報設計、デザイン、コーディングまで一貫して設計しました。
ファーストビューでは、商品・人物・価格・CTAの視線導線を整理し、短時間で商品の魅力と購入条件を理解できる構成を目指しています。
また、スマートフォンでは文字の改行や注記の可読性、商品画像の見え方、追従CTAなどを細かく調整し、読みやすさと操作しやすさを高めました。
https://admirable-smakager-b1e700.netlify.app/?v=20260726-restore
担当範囲
・構成設計
・コピー調整
・アートディレクション
・UI/UXデザイン
・レスポンシブデザイン
・HTML/CSS/JavaScript実装
・表示・可読性チェック
※本作品は架空の商品を題材にした制作サンプルです。