Facebook 制作について
Logo

【HerTech 架空案件】化粧品LP

クレジット
Avatar
Webデザイナー
【HerTech 架空案件】化粧品LP-1
シェア
制作ノート
制作について

◼︎制作の流れ

クライアントから頂いた商品情報と依頼内容を整理し、設定したペルソナをもとにワイヤーフレームを設計。その後デザインのトンマナを固め、デザインカンプ制作に移行しました。商品の魅力をしっかり伝えつつ、シンプルで見やすいLPになるよう意識しながら完成まで進めました。

◼︎デザインについて

商品の特徴である「自然な血色感」を表現するため、ピンク色をメインに暖色で落ち着いた色合いでまとめています。また、可愛らしすぎず上品な印象にするため、彩度を落としたピンク色を使用しました。

◼︎タイポグラフィ

メインコピーの「華やぎとうるおい、唇の贅沢な日常」をはじめとした商品情報から連想し、上品で洗練されたフォントを選びました。コピーと本文のどちらとも読みやすさを重視したフォントとなっています。

◼︎情報設計

ファーストビューではメインコピーとリップを塗る女性の画像、商品の画像の3つを大きく配置することで、LPを見た人に商品情報と使用イメージが伝わるよう意識しました。

◼︎工夫したポイント

全体を通して余白をしっかり持たせました。画面いっぱいに情報を散りばめた賑やかな印象よりも、すっきりとまとめ落ち着いた上品な印象の方が、自然な美しさがコンセプトである今回の商品にあうと考えました。

シェア
制作について

◼︎制作の流れ

クライアントから頂いた商品情報と依頼内容を整理し、設定したペルソナをもとにワイヤーフレームを設計。その後デザインのトンマナを固め、デザインカンプ制作に移行しました。商品の魅力をしっかり伝えつつ、シンプルで見やすいLPになるよう意識しながら完成まで進めました。

◼︎デザインについて

商品の特徴である「自然な血色感」を表現するため、ピンク色をメインに暖色で落ち着いた色合いでまとめています。また、可愛らしすぎず上品な印象にするため、彩度を落としたピンク色を使用しました。

◼︎タイポグラフィ

メインコピーの「華やぎとうるおい、唇の贅沢な日常」をはじめとした商品情報から連想し、上品で洗練されたフォントを選びました。コピーと本文のどちらとも読みやすさを重視したフォントとなっています。

◼︎情報設計

ファーストビューではメインコピーとリップを塗る女性の画像、商品の画像の3つを大きく配置することで、LPを見た人に商品情報と使用イメージが伝わるよう意識しました。

◼︎工夫したポイント

全体を通して余白をしっかり持たせました。画面いっぱいに情報を散りばめた賑やかな印象よりも、すっきりとまとめ落ち着いた上品な印象の方が、自然な美しさがコンセプトである今回の商品にあうと考えました。

シェア
春野結月の他の作品
foriio

あなたのforiioを無料で作成

fori.io/
【HerTech 架空案件】化粧品LP-1
制作について

◼︎制作の流れ

クライアントから頂いた商品情報と依頼内容を整理し、設定したペルソナをもとにワイヤーフレームを設計。その後デザインのトンマナを固め、デザインカンプ制作に移行しました。商品の魅力をしっかり伝えつつ、シンプルで見やすいLPになるよう意識しながら完成まで進めました。

◼︎デザインについて

商品の特徴である「自然な血色感」を表現するため、ピンク色をメインに暖色で落ち着いた色合いでまとめています。また、可愛らしすぎず上品な印象にするため、彩度を落としたピンク色を使用しました。

◼︎タイポグラフィ

メインコピーの「華やぎとうるおい、唇の贅沢な日常」をはじめとした商品情報から連想し、上品で洗練されたフォントを選びました。コピーと本文のどちらとも読みやすさを重視したフォントとなっています。

◼︎情報設計

ファーストビューではメインコピーとリップを塗る女性の画像、商品の画像の3つを大きく配置することで、LPを見た人に商品情報と使用イメージが伝わるよう意識しました。

◼︎工夫したポイント

全体を通して余白をしっかり持たせました。画面いっぱいに情報を散りばめた賑やかな印象よりも、すっきりとまとめ落ち着いた上品な印象の方が、自然な美しさがコンセプトである今回の商品にあうと考えました。

シェア
春野結月の他の作品
foriio

あなたのforiioを無料で作成

fori.io/