- INDUSTRY
- 美容・コスメ
- ROLE
- ディレクション / ページデザイン / 画像コーディング
- STACK
- HTML / CSS
- 画像コーディング
- レスポンシブ対応
- LPデザイン
OVERVIEW
プロジェクト概要
美白有効成分を新たに配合した美容クリームの商品ランディングページを制作しました。過去に制作した商品の上位版という位置づけのため、従来以上の視覚的な力強さと先進性を求められた案件です。
01 — デザイン方針
以前のLPでは「美白」をテーマにやわらかく優しい光の演出を用いていましたが、今回はより高い効果と即効性を想起させるため、鋭くシャープな光表現を採用しました。
- 上位版としての差別化を光表現で表現
- パッケージを連想させるラインモチーフ
- 先進的・洗練された全体トーン
- 既存ブランド世界観との連続性を維持
02 — 構成の設計
他社ではあまり見られない独自成分が大きな特長であるため、成分やメカニズムを紹介するパートでは専門性と信頼感が伝わるよう、グラフィックとライティングを慎重に構成しました。
- 成分・メカニズムの図解構成
- 専門性と信頼感を両立するトーン
- 約26,000pxの長尺構成
- スマートフォン表示への最適化
SCREENSHOT
ページ全体。
FULL PAGE — スクロールしてページ全体を確認できます
RESULTS
成果。
既存の世界観を大切にしながらも、ひと目で「進化した」と感じられるデザイン表現とし、新商品の魅力とポテンシャルを引き出すランディングページにまとめました。
