Facebook MELVIA|美容液LP
Logo

MELVIA|美容液LP

クレジット
Avatar
WEBデザイナー
ディレクション
フロントエンド開発
MELVIA|美容液LP-1
シェア

MELVIA|美容液LP

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

あなたのforiioを無料で作成

fori.io/
MELVIA|美容液LP-1

MELVIA|美容液LP

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

あなたのforiioを無料で作成

fori.io/