Facebook 【HerTech 架空案件】ペット保険加入誘導バナー
Logo

【HerTech 架空案件】ペット保険加入誘導バナー

クレジット
Avatar
WEBデザイナー
【HerTech 架空案件】ペット保険加入誘導バナー-1
シェア
制作ノート
制作について

[デザインについて]

●ビジュアルイメージ

今回のバナーでは、ペット保険という“安心感”を伝えるために、中央にペットの写真を大きく配置し、誰でも情報を受け取りやすいビジュアル構成を意識しました。さらに、キャンペーン内容である「マグカッププレゼント」を視覚的に理解しやすいよう、イラストやあしらい素材を添えて、楽しさと特典の魅力が直感的に伝わるようにしています。

●カラー

背景に薄い水色を採用して落ち着きと信頼感を演出。文字色は真っ黒ではなく柔らかい黒を使い、読みやすさと優しさのバランスを取りました。誘導ボタンには青をアクセントとして使用し、画面全体のトーンを崩さずにCTAがしっかり目立つ設計にしています。

●タイポグラフィー

読みやすさを最優先して丸ゴシック系をベースに。ボタン部分のみ明朝体系に切り替えることで、視線が自然とCTAへ流れるように工夫しました。文字間隔も広めに設定し、行動を起こしやすい軽やかな印象に整えています。

●情報設計

中央のビジュアルから視線が下方向へ流れる動きを活かし、キャンペーン情報→誘導ボタンの順に自然と読み進められる構成に。特典を読んだ直後にボタンが目に入るため、ユーザーが迷わず行動できる導線を作りました。

[工夫したポイント]

中央にペット写真を大きく配置し、キャンペーン内容が直感的に伝わるようマグカップのイラストを添えて視認性を高めました。背景は薄い水色で安心感を演出し、文字は柔らかい黒で読みやすさを確保。CTAボタンには青を使い、自然に目が留まるようアクセントにしています。タイポグラフィーは丸ゴシックを基調に、ボタンのみ明朝体へ切り替えて視線誘導を強化。情報は上から下へ読み進める流れを意識し、特典→ボタンへスムーズに行動できる導線を設計しました。

シェア