Facebook 【HerTech架空案件】オンラインスクールバナー
Logo

【HerTech架空案件】オンラインスクールバナー

クレジット
Avatar
WEBデザイナー
【HerTech架空案件】オンラインスクールバナー-1
シェア
制作ノート
デザインの工夫ポイント

本バナーでは、Z型レイアウト(Zの法則)を意識して情報を配置しています。 ユーザーの視線が「左上 → 右上 → 左下 → 右下」へ自然に流れる動きを活かし、 最初に共感を呼ぶコピー、次にキャンペーン内容、 最後に**行動喚起(無料セミナー予約)**が目に入る構成にしました。

メインコピー「好きな時間に、好きな場所で、わたしのスキルを」を左上に置くことで 最初に読んだ瞬間に「自分の未来に関係ある内容」と感じてもらえるよう設計。 中央には、安心感のある写真とサークルモチーフで温かみと信頼感を表現し、 右下に「予約はこちら」を配置することで、 自然にクリックや行動に繋がる導線を作っています。

また、Zの流れを崩さないように余白を意識した情報の整理を行い、 多情報でも圧迫感が出ないよう配慮しました。 背景のグラデーションと白の透過レイヤーを活用し、 優しく・見やすく・行動を促すデザインに仕上げています。

シェア
この作品のその他の制作ノート
制作過程

もっとみる