サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
サービス
サービスを探す
プロ人材を探す
仕事を探す
ブログを探す
購入・発注したい方
サービスを探す
プロ人材を探す
ノウハウ・素材を探す
ブログを探す
仕事・求人を投稿して募集
エージェントに人材を紹介してもらう
受注・働きたい方
出品する
単発の仕事を探す
継続 (時給/月給) の仕事を探す
エージェントに仕事を紹介してもらう
カテゴリ一覧
イラスト作成・漫画制作
デザイン制作
Web制作・HP作成・EC構築
動画編集・映像制作
集客・マーケティング相談
NEW
ビジネス代行・事務代行
音楽制作・ナレーション
IT相談・システム開発
ライティング・翻訳
コンサルティング・士業
生成AI活用・開発・制作
占い
悩み相談・カウンセリング
学習指導・資格・キャリア相談
住まい・美容・生活相談
オンラインレッスン・習い事
ハンドメイド制作
出張撮影・出張サービス
資産運用・副業の相談
NEW
弁護士検索・法律Q&A(法律相談)
サポート
はじめての方へ
ご利用ガイド
お困りのときは
ログイン
会員登録
サービスを探す
イラスト作成・漫画制作
>
デザイン制作
>
Web制作・HP作成・EC構築
>
動画編集・映像制作
>
集客・マーケティング相談
NEW
>
ビジネス代行・事務代行
>
音楽制作・ナレーション
>
IT相談・システム開発
>
ライティング・翻訳
>
コンサルティング・士業
>
生成AI活用・開発・制作
>
占い
>
悩み相談・カウンセリング
>
学習指導・資格・キャリア相談
>
住まい・美容・生活相談
>
オンラインレッスン・習い事
>
ハンドメイド制作
>
出張撮影・出張サービス
>
資産運用・副業の相談
NEW
>
>
プロ人材を探す
>
ノウハウ・素材を探す
ブログを探す
>
求人募集を投稿する
人材を紹介してもらう
仕事を探す
出品する
仕事を探す
仕事を紹介してもらう
出品する
仕事を紹介してもらう
求人募集を投稿する
人材を紹介してもらう
ブログを投稿
会員登録で10%割引クーポンを獲得!
会員登録で10%割引クーポンを獲得!
ココナラブログ
ホーム
ブログトップ
ブログ
デザイン・イラスト
ココナラ|バナーデザインのポイント
記事
デザイン・イラスト
magokoro_DESIGN
2024/10/17 16:38
こんにちは。まごころデザインです。
せっかくバナーを作成するんだったら、
デザインにこだわることはもちろん、
クリック率もアップさせたいですよね。
今回はバナーのクリック率をアップさせるために
どんなところに注意したらいいか要点をまとめてみました。
広告バナーはもちろん、SNS画像や動画のサムネイルにも
応用できるため、発注するときの参考にしてください。
情報を整理する
当たり前のことですが、バナーデザインする際
自分が入れたい情報を思いつくまま入れるのではなく、
ユーザーに届けたい情報はなにか
情報整理をしてからデザインに取り掛かってください。
たとえば、セミナー集客したい場合の
バナーを作成するとして、
下記の情報を用意します。
・タイトル
・主催者
・日付
・CTA(コールトゥアクション)
参考として、今回は下記の情報でバナーを作成していきます。
(※セミナーは架空のものです)
・タイトル:クリック率をアップするバナーデザイン
・主催者:magokoro Design
・日付:9/10 15:00〜
・CTA:セミナーの詳しい内容を見る
最低限の情報に絞り込みました。
タイトルに「セミナー」という記載がないため、
CTAにセミナーという記載を入れてます。
バナーのサイズが大きければ、
もう少し詳しい情報を
追加してもいいかと思います。
過去のブログでもっと詳しい内容を
記載していますので、
ぜひ読んでください。
ココナラ|デザイン発注時の注意点と準備
ジャンプ率
バナーデザインって
何気なく見てる方多いと思いますが
実はユーザーの目線の動きなどを
意識して作成されています。
特に文字のジャンプ率は
バナーデザインに限らず
サイトやLPでも重要視されています。
具体的にジャンプ率で
どのように見え方が変わるのか
確認していきましょう。
(※セミナーは架空のものです)
文字の大きさや太さなどで
情報に優先順位をつけてあげることで
「ジャンプ率高い」ほうが、より見やすくなります。
応用して発注の際に、
情報に優先順位をつけてあげると
デザイナーが
デザインしやすくなります。
配色
バナーデザインでイメージをよりはっきり
ユーザーに伝えるためには配色も大事になります。
下記の画像を見て、
それぞれの色でセミナーに対して
どのようなイメージを持ちますか?
(※セミナーは架空のものです)
恐らくですが、
寒色=固いセミナーのイメージ
暖色=賑やかなセミナーのイメージ
こういうイメージを持たれたのではないでしょうか?
ただ単に
「この色が好きだから」
「この色が流行っているから」
で発注するのではなく、
ユーザーにどんなイメージを持ってほしいか
まで考えていれば、発注もスムーズになります。
明度や彩度などでイメージを変更することも可能です。
この辺りを具体的に書くと長くなるので、
後日、色の使い方について
改めて記事を書きます。
CTA(コールトゥアクション)
CTA=コールトゥアクション
意味:ユーザーに特定の行動を促すこと
マーケティング用語として、
よく使われるCTAですが
今回のバナーでいうと
「セミナーの詳しい内容を見る」の
部分が該当箇所になります。
例えばここの文章が
「詳細を見る」だけだった場合、
ユーザーはこのバナーが
セミナーだということに気づきづらいですよね。
あと行動を促す文言として
あまりにも簡潔すぎて分かりづらいです。
テストしてみないと分からないですが、
左のほうがユーザーにとって親切だし
遷移先の想像がしやすく
不信感も持たれづらいです。
他にも、CTAの色を変更するのも
クリック率を上げるためには良いと思います。
(※セミナーは架空のものです)
・
・
・
・
・
今回記事にした内容以外にも
バナーのクリック率を上げる方法はたくさんあります。
ただ業種や配信面などによって
クリックされやすいデザインも変わるので
日頃からデータを見る癖をつけておくといいですね。
せっかく作るんだし、
ユーザーにクリックしてもらえる
素敵なバナーを制作しましょう!
バナーデザインの発注は下記から承っています。
↓↓↓↓↓↓
バナー・SNS広告・ヘッダー作成します
#バナー
#バナーデザイン
#バナー作成
#デザイン発注
#発注スキル
ココナラ|デザイン発注時の注意点と準備
一覧に戻る
ココナラ|色の使い方について
このブログを見た人にオススメ
はじめまして
記事
コラム
daiki odaka
2025/09/09 14:59
【新サービス公開記念】バナー・サムネイル特別価格のご案内
告知
デザイン・イラスト
yuk_wg_design
2026/03/03 15:17
【価格改定のお知らせ】サービス品質維持のため、料金を一部改定いたしました
記事
デザイン・イラスト
STUDIO PUFF(スタジオ パフ)
2025/10/14 11:51
カフェ新作ドリンクのバナー制作
記事
デザイン・イラスト
あぽデザイン
2025/10/12 13:51
先着3名様限定の特別価格キャンペーン実施中!
記事
デザイン・イラスト
くぼ_design
2026/07/19 14:58