【HerTech 架空案件】新作フラッペ発売記念LP

⚪︎制作の流れ

クライアントへのヒアリングを行い、ペルソナを設定し、訴求ポイントを整理しました。次に、ワイヤーフレームを作成し、情報構成やテキスト量、デザインなどクライアントと意見交換をしながら、デザインカンプまで着手しました。ファーストビューを先行して制作し、確認をしていただきながら、イメージに合ったデザインになるようにLP制作を行いました。

⚪︎カラー

新作フラッペの素材に合わせて、ベリーを感じれるカラーを選びました。

⚪︎タイポグラフィ

可読性を重視したシンプルなサンセリフ体で統一し、商品情報や説明文がスムーズに読み進められるよう行間と余白を広めに設定しました。背景の暖色に調和しつつ視線を自然と集めながら、全体の優しい世界観を壊さないバランスで設計しています。

⚪︎情報設計

ファーストビューでは、発売記念キャンペーンを簡潔に伝えられるように情報量に気をつけ、キャンペーンに少しでも興味を持って頂けたユーザーを取りこぼさないようCVボタンの配置やデザインを意識しました。

⚪︎工夫したポイント

まず、ベリー系のフラッペが一目で伝わるように、背景や写真の色味を統一させ、商品の印象(甘い・かわいい・華やか)とビジュアルの色調を一致させました。

次に、ユーザーがスマホで閲覧することを想定した構成にし、“キャンペーン→商品名→価格→説明”という順番で自然に読み進められるようにしました。

また、商品説明の部分では、写真と説明文をセットにすることで視覚情報とテキストを同時に見られるので、“何が特徴なのか”を短時間で伝えられるようにしました。

最後に、CVボタンは、ユーザーへの押し付け感を出さないために背景色・枠線・余白を意識したデザインと配置を気をつけ、スムーズな誘導になるようにしました。