【HerTech 架空案件】新作リップ発売に関するバナー・LP制作

【制作の流れ】

① 課題整理・方向性設計

ターゲット・商品特性をもとに、「ナチュラル×上品」を軸とした世界観を設定。 競合との差別化として、“自然体なのに華やぐ”トーンを重視しました。

② ワイヤーフレーム設計

ファーストビューで 「世界観 → 商品 → ベネフィット」が直感的に伝わる構成を設計。 LP全体は「共感 → 理解 → 欲求 → 行動」の流れで構築。

③ ビジュアル設計

やわらかい光・余白・円形モチーフを用いて、 “潤い・透明感・女性らしさ”を視覚的に表現。

④ デザイン制作

配色・フォント・写真のトーンを統一し、ブランドイメージを一貫。 バナーとLPでトーンを揃え、認知〜遷移の違和感をなくしました。

⑤ 仕上げ・調整

視線誘導・情報の優先順位・可読性を微調整し、 ストレスなく読み進められるUIに仕上げました。

【カラー】

■ メインカラー

・やわらかいピンク → 女性らしさ／華やかさ／親しみ

■ サブカラー

・淡いベージュ／アイボリー → 抜け感／ナチュラル／上品さ

■ アクセントカラー

・コーラルピンク／ローズ系 → 血色感／視線誘導（重要テキスト・CTA）

■ カラー設計の意図

強すぎないトーンで統一することで、 「日常に溶け込む上質さ」を表現。 また、グラデーションや透過表現で“潤い・ツヤ”の印象を補強しました。

【タイポグラフィ】

■ 見出し

・明朝系フォント → 上品さ／繊細さ／女性らしさを演出

■ 本文

・ゴシック系フォント → 可読性を担保し、情報をストレスなく伝達

■ 英字（必要に応じて）

・細めのセリフ体 or サンセリフ → 抜け感と洗練された印象を追加

■ 設計のポイント

・ジャンプ率を抑え、落ち着いたトーンに

・余白をしっかり取り「呼吸感」のあるレイアウト

・ピンクの強調文字で“感情ワード”を際立たせる

【情報設計】

■ 構成全体

① ファーストビュー → 世界観＋キャッチコピー＋商品＋発売情報

② CONCEPT → ブランドの価値観に共感させる

③ POINT（機能訴求） → ツヤ・発色・保湿を分かりやすく整理

④ ITEM（商品詳細） → 色展開・価格・購入導線

⑤ CTA → 購入アクションへ誘導

■ 設計の意図

・「感情 → 理性」の順で設計 　最初に世界観で惹きつけ、その後に機能で納得させる

・視線誘導の工夫 　人物の視線 → 商品 → テキストへ自然に流れる構成

・円形モチーフの活用 　情報を囲むことで、柔らかく

・視認性高く整理

・情報のグルーピング 　

　1セクション1メッセージで、直感的に理解できる構造に

【工夫したポイント】

・柔らかいピンクと余白設計で「抜け感」と「上品さ」を両立

・円形モチーフで“やわらかさ・女性らしさ・潤い”を視覚的に表現

・人物視線とリップ配置で自然な視線誘導を設計

・ファーストビューで「ベネフィット→商品→発売情報」が一目で伝わる構成