【Her Tech 架空案件】ベリーベリールビーフラッペ
●制作の流れ
本作品は、新商品「ベリーベリールビーフラッペ」の発売告知およびキャンペーン参加を促すためのランディングページとして制作しました。
ターゲットは10代後半〜20代の女性を想定し、SNSにシェアしたくなる「映え感」と、直感的に理解できる情報設計を意識しました。
構成は「商品紹介 → キャンペーン内容 → 参加方法 → 商品詳細 → アクセス情報」と段階的に設計し、視線誘導をスムーズに行えるようにデザインしています。
●カラー
メインカラーは「ピンク〜ベリー系の色合い」を基調とし、新商品の華やかさと女性らしさを表現しました。
背景や余白には淡いピンクを、CTAボタンには鮮やかなピンクを使用し、視覚的に主役と補助の役割を分けています。
また、写真に含まれる赤・チョコレートのブラウンを自然なアクセントとして活かし、全体の色調が商品の世界観に統一されるようにしています。
●タイポグラフィ
タイトルやキャンペーン見出しは太めのゴシック体を用いて「力強さ」「目を引く印象」を演出しました。
本文や説明部分は可読性を重視し、すっきりとしたサンセリフ系フォントを採用。文字サイズに強弱をつけ、特に「1杯無料」「期間限定」などの訴求ワードは大きく配置し、視認性を高めました。
全体的にメリハリのある文字設計を行うことで、情報を読む順番が自然と整理されるように工夫しています。
●情報設計
ユーザーが「すぐに理解して行動できる」よう、ステップ形式を採用。
- 1stセクション：ビジュアルで商品の魅力を伝える
- 2ndセクション：キャンペーン内容を端的に「1杯無料」と強調
- STEP形式：参加手順をイラスト的に視覚化し、複雑さを感じさせない
- 商品詳細：素材写真をアイコン化し、直感的に理解できる工夫
- アクセス情報：地図と店舗写真を併記し、来店ハードルを下げる
この流れにより、商品訴求から実際のアクションまで自然に導線を作っています。
●工夫したポイント
SNS連動を意識し、ページ内の複数箇所にフォローボタンを配置して行動を促しました。商品写真は大きく余白を活かして配置し、映える印象を強調。参加方法はステップ形式で整理し、誰でも直感的に理解できるようにしています。さらに、素材をアイコン化して視覚的に説明し、「1杯無料」「期間限定」といった訴求ワードを強調することで、ユーザーの興味と行動を効果的に喚起しました。
