Title
【テスト用制作】オンラインセミナー紹介バナー「1Day 記憶術講座」
Tools
Photoshop
Role
企画・構成 / デザイン / 画像加工・レタッチ
Category
バナー
Works
Concept
ビジネスマン向けの「1Day 記憶術講座」を紹介し、詳細ページへ誘導させるためのWEBバナーデザインです。
Target
・仕事の効率化やスキルアップを目指す20代〜40代のビジネスパーソン
・「仕事で覚えることが多くて追いつかない」「翌日からすぐに使える実用的なスキルを短期間で身につけたい」と考えている人
・「仕事で覚えることが多くて追いつかない」「翌日からすぐに使える実用的なスキルを短期間で身につけたい」と考えている人
Point
・視線誘導と情報階層の設計
人間の視線が「明るい部分」に向かう原理を意識し、キャッチコピー部分の白帯の幅と不透明度を微調整。主役であるメインタイトル「1Day 記憶術講座」が最も際立つバランスに仕上げ、左上のコピーから中央タイトル、左下のCTAボタンへとスムーズに視線を流す設計にしました。
人間の視線が「明るい部分」に向かう原理を意識し、キャッチコピー部分の白帯の幅と不透明度を微調整。主役であるメインタイトル「1Day 記憶術講座」が最も際立つバランスに仕上げ、左上のコピーから中央タイトル、左下のCTAボタンへとスムーズに視線を流す設計にしました。
・タイポグラフィと文字詰めの徹底
単に文字を配置するだけでなく、フォントごとの文字間を細かく微調整。さらに漢字・英数字・ひらがなの高さの違いによる違和感をなくすため、ベースラインシフトを用いて視覚的な中央揃え・下揃えを徹底し、信頼感と美しさを両立させました。
単に文字を配置するだけでなく、フォントごとの文字間を細かく微調整。さらに漢字・英数字・ひらがなの高さの違いによる違和感をなくすため、ベースラインシフトを用いて視覚的な中央揃え・下揃えを徹底し、信頼感と美しさを両立させました。
・配色と視認性
ベースカラーには落ち着いた青緑色を採用し、メインタイトルには可読性の高い黄色を配置。クリック領域となる「詳細はこちら>」ボタンにはアクセントカラーのピンクを用い、バナー全体の中で最も目立つ配色にして視認性とクリック率向上を図っています。
ベースカラーには落ち着いた青緑色を採用し、メインタイトルには可読性の高い黄色を配置。クリック領域となる「詳細はこちら>」ボタンにはアクセントカラーのピンクを用い、バナー全体の中で最も目立つ配色にして視認性とクリック率向上を図っています。
Other Works
ご相談・お見積もりは気兼ねなくお問い合わせください
Contact