メリットを簡潔にアピールする企業向けサービスのWEBバナーデザインです。
建設業などの工事を請け負う企業を対象にした、材料費や作業費を管理するwebサービスを紹介するバナー制作例。安心や安全をイメージさせる落ち着いたブルーグリーンをベースカラーに、工事現場のイラストや経理をイメージしたイラストを入れ、黄色が差し色になるようにメリハリのあるデザインを意識しました。
メリハリをつけたビジュアルデザイン
サービスの特徴をそのままメリットとしてキャッチコピーの上に羅列し、項目ごとにアイコンをデザインしアクセントにしました。
「信頼感」と「スマートさ」を両立するブルーグリーン配色
BtoB（企業間取引）、特に建設や工事といった安全基準が極めて厳しく問われる業界をターゲットにした業務支援サービスのバナーにおいて、ベースカラーの選定は企業への信頼度を決定づける重要な要素です。本事例で採用されている「ブルーグリーン（深みを帯びた青緑色）」は、誠実さや正確性を表すブルーと、安心感や環境への配慮を感じさせるグリーンの心理的効果を併せ持っています。この絶妙な中間色を画面の大部分に敷き詰めることで、「堅実なシステム基盤でありながら、先進的なスマートさも兼ね備えている」というサービスのブランドイメージを視覚的に確立しています。
直感的な理解を促すアイコンの存在
「作業時間の短縮」や「低コスト」といったサービスの導入メリットを、単なるテキストの羅列ではなく、砂時計やプライスダウンの端的なアイコンを添えてデザインしている点は、情報伝達上の極めて優れた戦略です。人間は、活字を読んで意味を理解するよりも、図形（アイコン）を見てその概念を認識する方が遥かに高速です。時間に追われている多忙な決裁者や現場担当者の目に留まった一瞬の内に、「このサービスを導入すれば何が良くなるのか」という本質的なベネフィットを直感的に（ヒューリスティックに）伝えきる仕組みが構築されています。
専門用語の壁を取り払うスマートなイラスト
業務効率化や経理管理のITツールは、ともすれば専門的で難解な印象を与え、新規顧客が「自分たちには使いこなせないのではないか」と敬遠してしまうリスクがあります。そこで、冷たいシステム画面のスクリーンショットをそのまま配置する代わりに、スタイリッシュにデフォルメされた人物と工事現場のイラストを使用しています。あえてリアルすぎないフラットなイラストを挿入することで、IT用語特有の敷居の高さや威圧感を効果的に和らげ、「誰でも簡単に導入できる優しいシステム」という心理的な安心感をユーザーに抱かせることに成功しています。
制作バナーデザインに対する感想
VOICE ※第三者による感想です
グリーンとイエローの組み合わせがパワーを感じさせるバナーデザイン
グリーンで統一した画面は必要なワードが目に入りやすい
背景色、社名や特徴を示すアイコンをおしゃれなグリーンで統一したデザインは、必要な情報がすんなり頭に入ってきやすいように感じられます。砂時計やプライスダウンといったアイコンと「作業時間短縮」、「低コスト」という強みは、サービスを探している人にとって重要な検討材料になることでしょう。社名が上下に大きく入っているので、覚えやすく印象に残ります。
ビジネスライクになり過ぎないイラストがスマートなITサービスを表現
文字だけのバナーはそっけない印象になりがちで、それを和らげてくれるのがイラストです。こちらのデザインでは、スマートな雰囲気でサービス内容を具体的に示したイラストが使われています。グリーンと色馴染みのよいイエローとネイビーが、バナーの素敵なアクセントになっていますね。漢字の多いテキストの中で、よいスパイスになっているのではないでしょうか。ロゴの「O」の字がイエローグリーンで表現されているのも、イラストや背景色とマッチしています。
効果的なビジュアルで訴求力アップ〜シンプルなデザインでサービスのメリットを強調
・配色の魅力〜ブルーグリーンと黄色の組み合わせ
この企業向けサービスのバナーデザインは、効果的なビジュアルとシンプルな構成で、サービスのメリットを一目で理解できる作品です。落ち着いたブルーグリーンをベースカラーにし、黄色のアクセントが効いていることで、情報が目に飛び込んできやすくなっています。
・アイコンを用いた情報の強調
キャッチコピーとアイコンでサービスの特徴を簡潔に伝える工夫がされており、視認性も抜群です。アイコンは砂時計やプライスダウンなど、ターゲットにとって重要なポイントを示すものが選ばれています。
・統一感のあるデザイン構成
バナーデザイン全体は、グリーンとイエローの組み合わせで統一感があり、パワフルな印象を与えますね。また、ビジネスライクな雰囲気を保ちつつ、イラストがスマートなITサービスを表現しており、親しみやすさが感じられます。
ロゴの「O」の字がイエローグリーンで表現されているのも、デザイン全体と調和しており、統一感を強調しています。全体的に、サービスを探している企業にとって魅力的な要素が効果的に配置されており、バナーデザインとして高い訴求力を持っていると言えるでしょう。
※掲載しているバナーのデザインサンプル・モックアップはイメージです。実際のサイズ・用途とは異なる場合がございます。
↓↓↓ Webバナー制作をご検討の方へ ↓↓↓
バナーデザイン事例を見てから検討したい
これまでのバナー制作事例やサンプルについては【バナーデザイン事例】ページ からご覧いただけます。まずは無料お見積もりから
お見積もりは無料ですので、まずはお気軽にお問い合わせください。SNS広告やディスプレイ広告で成果につながるバナーの考え方や、訴求が伝わるデザインのポイントは【成果を出すWEBバナーデザインの作り方】でくわしく解説しています。デザインコラム・ブログについて
デジタル広告・バナーデザインで成果を出すためのポイントは、デジタル広告・バナーデザインのコラム一覧で詳しく紹介しています。こんなページも読まれています
