優れたデザインがバイヤーの旅にどのように力を与えるか
公開: 2021-07-19
なぜデザインが重要なのですか？ それがそうであることは自明のようです。 私たちはそれに多くの時間を費やし、私たちが取り組んでいるものは何でも「見栄えがする」ようにしようとしています。
しかし、あなたはそれがどれほど重要かを認識していますか？ そして、単に「見栄え」以上のデザインがありますか？
マーケティングデザインの機能
トースターがトースターのように見える理由について話し合う雑草に迷い込むことなく、この質問にマーケティング用語で簡単に答えましょう。 マーケティングでデザインが重要なのはなぜですか？
デザインは、マーケティングの世界で3つの主要な機能を果たしていると思います。
- デザインはガイドです。 デザインは、あなたの会社に興味を持っている、あるいは単に興味を持っている可能性のある人々を、あなたとのつながりを築くための道へと導きます。 優れたデザインは、重要な情報が何であるかを明確にし、ユーザーに何をしてもらいたいかをガイドします。 Webページのデザインは、クリックする場所とナビゲートする方法をユーザーに示すのに役立ちます。 ボタンのデザインには、「私はボタンです。クリックしてください」と表示されているはずです。
- デザインは大使です。 あなたのデザインはあなたの会社を表しています。 あなたのロゴ、あなたのウェブサイト、電子メール…これらのものは、彼らがあなたの会社について最初に学んだときに潜在的な顧客が最初に見るものであることがよくあります。 アンバサダーとして、優れたデザインはあなたを競争相手から際立たせます。 それはあなたの視覚スタイルを定義します。 それはあなたの会社をユニークにするものを伝えます。 また、信頼を築きます。 人々は、2006年に最後に更新された見苦しいウェブサイトよりも、うまく設計された最新のウェブサイトを本能的に信頼しています。
- デザインは営業担当者です。 デザインは、実際に購入者の旅を通じて人々を動かす作業の一部を実行できます。 デザインは、認識から検討、決定に至るまで、見込み客を前進させるのに役立ちます。 それは販売を促進するつながりを形成します。 優れたインバウンドマーケティングデザインは、購入者のペルソナに直接アピールします。 それは興味を刺激し、その興味を維持し、あなたの主要な差別化要因を強調することによって、買い手の旅を通して見込み客を動かします。
素晴らしいデザインの3つのC
では、何がデザインを素晴らしいものにしているのでしょうか？ 見栄えだけではない、と前に言いました。 「デザインを素晴らしいものにするもの」について私が考えることができる最も簡単な答え。 3つの単語で構成されており、魔法の偶然によってすべて文字Cで始まります。
- 素晴らしいデザインは明確です。 デザインの機能の1つは、Webサイトのページ間だけでなく、重要な情報に目を向けることによって、視聴者を目的の場所に誘導することです。 優れた設計は、可能な限り明確にすることでこれを効果的に行います。 顧客や見込み客がどこをクリックするかを推測したり、重要なポイントを見逃したりすることは望ましくありません。 そのため、デザインを明確にする必要があります。
- 素晴らしいデザインはきれいです。 メッセージをその重要なコンポーネントに減らします。 これは、書かれたコンテンツの単語数を最小限に抑えることを意味しますが、デザインコンテンツを最小限に抑えることも意味します。 脂肪を取り除き、デザインをスリムに保ちます。
- 素晴らしいデザインは一貫しています。 ロゴ、カラーパレット、フォント、イラスト、アイコン、写真のスタイルを一貫して使用して、ブランドを定義します。 一貫性は、購入者を旅に引き込むための強力な力になる可能性があります。
これらのそれぞれについてさらに深く掘り下げて、優れた設計へのこれら3つの鍵のそれぞれについて私たちが話していることの例を見てみましょう。
{{cta（ '020a0931-6bf3-4f13-ab71-d8ec980446a9'）}}
不明瞭なデザインの例
不明瞭なデザインの例をいくつか見て、明確なデザインとは何かを定義するのが最善かもしれません。 日常生活の中で見ることができます…
どのボタンを押すか？ あなたは推測することができます、そしてあなたは50/50ショットを持っています、しかしあなたは推測する必要はないはずです。 これらのボタンの設計者は、UIについては考えていませんでした。 設計によって、このようなことが難しくなるのではなく、理解しやすくなるようにしてください。
これが…何かをしている会社のウェブサイトです。 これを見てもわかりません。 このWebサイトの秘訣は、メッセージを読むには、左上の青いフィルターにマウスを合わせる必要があるということです。 次に、次のように表示されていることがわかります。
おー。 フン。
可愛いですよね？ しかし、彼らは少し自分たちを裏切っていますね。 彼らはそれを作ったので、ユーザーはそれを読むことができるはずなのか、それとも眼の片頭痛が起こっているのかを理解するためにそれを見るのに数秒を費やす必要があります。 次に、メッセージを表示するために、特定の領域にマウスを合わせる必要があります。
彼らはこう言うことができますフン。」
それはすべてのユーザーが言うつもりですよね？ "おー。 フン。」 しかし、Boldenのデザイナーは、これを思いついたとき、お互いにハイタッチしていたことを保証します。
あなたのウェブデザイナー、またはあなたの中のデザイナーがあなた自身の利益のためにあまりにも賢くならないようにしてください。 賢いことは問題ありませんが、彼らはメッセージを瞬時に、そして明確に伝えながら賢くなる方法を考え出すべきでした。
私はこの写真を見て、それをすべて読みましたが、それでも理解できませんでした。 日中は1時間駐車しますが、6日後にはどうなりますか？ わかりません。
次に、月曜日と日曜日の特定の方向性があり、金曜日と土曜日に戻ります。 他の日はどうですか？ それがトップサインの目的だと思いますが、よくわかりません。
確かに。 そして、誰かが確信しています。 この通りの発券担当者は、いつ車に発券できるかを分単位で知っていることを保証します。 この通りのルールを知っている人なら、もっと明確なデザインを使ってそれを伝えることができたはずです。
何が良いでしょうか？ 曜日を上に、時間帯を下にしたテーブルを想像してみてください。 色分けされたブロックは、いつ駐車できるかを示します。 あなたがグリーンにいるなら、あなたの良い！ そのような記号は、明確で理解しやすく、単語のほんの一部を使用して、この記号の半分未満のスペースを占めることになります。
明確なデザインは、ほとんどの場合、可能な限り最も単純な方法で通信します。
そしてそれは私たちの次のC：クリーンにつながります。 それで、もう一度、反対の例を見て、それを定義してみましょう。
私たちは皆、このようなことを毎日メールで受け取ります。 誰かが実際にそれらを見ていますか？ 私は誰かがそれらを作るか、またはしないだろうと思います。 誰かがスパムメールやロボコールから商品を購入していると思うのと同じように。 それをしている人は誰でも、他の人の人生を台無しにしています。 しかし、私は逸脱します…
だからここでは、私たちは本当に何を見るべきかわかりませんね？ 私の目は一つのことに固執することができないので、彼らはただ釉薬をかけます。 これは極端な例ですが、私たちが設計するすべてのものに潜在的な落とし穴があります。 1つのメッセージにまとめます。 そのメッセージを効果的に伝えます。 すっきりとしたデザインです。
このウェブサイトのホームページはそれほど極端な例ではありませんが、それでもクリーンな方が良い場合です。 忙しい背景画像は、その色と質感のすべてで、メインの見出しを事実上読めなくしました。 おそらくさらに悪いことに、行動への主な呼びかけはさらに隠されているはずです！ （矢印の横にある小さな「今すぐ購入」を参照してください？）よりクリーンなデザインは、これらの重要なメッセージが失われないようにします。
ここでは、完全に間違った大理石の背景、奇妙なロゴがあります–そのうちの1つは3回です！ –そしてデザイナーが利用できるすべてのフォントと明るい原色。 それを恐ろしい引用符で囲みましょう。 "デザイナー。"
だから私はここで何が悪いのかをあなたに言う必要はありません。 それはひどいように見えます。 これが何のためにあるのかを理解するためだけに、真剣な努力が必要です。 クリーンなデザインの一部は、メッセージの階層を作成することです。
あなたの聴衆が知りたいことの観点から考えてください。 まず、彼らは私たちが何について話しているのか知りたがるでしょう？ メッセージ1は、「最初の年次ペニントンハムフェスト」である必要があります。 それは他のすべてよりもはるかに目立つはずです。
それから聴衆は「OK、それは何ですか？」と尋ねます。 ですから、それは目立つ順に2番目になるはずですが、その代わりに、答えはここの隅に隠されていると思います：「アマチュア無線スワップミート」。 誰かが興奮する前に、ごめんなさい、あなたはそれを逃しました。 数年前のことです。
そのような情報（時間と場所）は、目立つように3番目のレベルである必要があります。 等々。
デザインを使用して、視聴者が知りたいことをガイドできます。「ペニントンハムフェストは、アマチュア無線のスワップミートであり、2012年6月2日に開催されます。」 すっきりとしたデザインはそれを邪魔することはなく、より速く、より簡単になります。
これはきれいに設計されていませんが、まったく設計されていないため、次の「C」への素晴らしいセグエも提供します…
一貫性のある。 これが最後の「C」です。次に、これら3つの優れたデザインの「C」を購入者の旅に適用する方法について説明します。
それでは、一貫性の角度から上の画像を見てみましょう。
私が言ったように、そこにはたくさんのフォントがあります。 すべての異なる重み、すべての異なる色、一部は斜体で、一部は輪郭が描かれておらず、一部はドロップシャドウ付きです。 ここには一貫性がまったくありません。 それはまるで、すべてのテキストが他のすべてから完全に独立して「設計」されているかのようであり、それからすべてがページに一緒にドロップされました。
一貫した外観が確立されている必要があります。そうすれば、すべてのデザインはその外観の小さなバリエーションから生まれるはずです。
良いデザインのルール
どのプロジェクトでも、2つのレベルの一貫性が必要です。 最上位の包括的なレベルは、会社が行うすべてに適用されるブランドの一貫性です。 一貫性を作成することは、本質的にルールを作成することです。 基本的なブランドの一貫性は、少なくとも次の一連のルールで構成されます。
- ロゴ。 ロゴを持っているすべての会社は、そのロゴの使用方法に関する規則を持っている必要があります。 それを伸ばしたり、その一部を残したり、その後ろに大きな醜いスターバーストを置いたりしないでください、そのようなもの。
- フォント。 印刷デザインでは、通常、フォントを2つだけ選択する必要があると言います。 多くのオンラインアプリケーションでは、1つだけを選択するのが本当に最善です。 次に、その1つのフォントのさまざまなサイズと太さを使用できます。 1つのフォントファミリを選択すると、一貫した外観を確立し、他の場所でもう少し創造性を発揮できるようになります。
- カラーパレット。 まだ行っていない場合は、ブランドの色のガイドラインを確立する必要があります–それらをブランドの一部にします。 伝えたい気持ちや作りたい気分に応じて、一緒にうまく機能する色のパレットを選ぶのに役立つリソースがたくさんあります。
次に、特定のプロジェクト、たとえばインバウンドマーケティングのオファーを使用して、そのプロジェクト内でも一貫性を作成します。 ブランドの一貫性を念頭に置いて、すべてのプロジェクトについて、次のことを行う必要があります…
- テーマを決める。
- そのテーマに基づいて外観を作成します。
- また、画像のスタイルとその使用方法を設定します。 これは、一貫した外観を共有するアイコンのセットを選択するか、特定のスタイルの写真に固執することを意味します。
優れたマーケティングデザインの例
それでは、これまでに説明したすべてのことの実際の例を見てみましょう。 マディソン/マイルズメディア（ウェブデザインエージェンシー）で作成したインバウンドマーケティングコミックのために作成したキャンペーンを見ていきます。 私たちはこの本に何年も取り組んだので、それを中心に効果的なキャンペーンを作成したかったのです。
デザインを使用して購入者を旅に沿って推進するインバウンドオファーキャンペーンをどのように作成しましたか？
召喚状ボタンから始めましょう。
それでは、それが優れたデザインの基準を満たしていることを確認してみましょう。 まず、それは明らかですか？ メッセージはシンプルで明確です。「インバウンドマーケティングについて楽しい方法で学びましょう。 無料の漫画本を手に入れましょう。」 そして、デザインはそれを邪魔しません。 実際、メッセージをさらに明確にしようとし、メイントピックであるインバウンドマーケティングをゴールドカラーで強調しています。 また、「無料の漫画本をゲット」が箱に入っているので、ボタンのように見えます。 明確な設計で、私たちは潜在的な顧客を私たちの方向に導くことを目指していることを忘れないでください。 CTA画像全体をボタンのように見せたり、画像内にボタンのような要素を作成したりすると、「ここをクリック」と言って見込み客を導くのに役立ちます。
きれいですか？ 要素を制限しました。主人公、シンプルで直接的なテキスト、漫画の画像があります。 これらはすべて、漫画の背景の上にあります。 それはそれに視覚的な興味を与えますが、他の要素とはまったく干渉しません。
一貫性がありますか？ さて、これはほとんどの人が最初に目にする作品なので、後の作品と一致するようにここで外観を確立しています。 しかし、「WILD！」からゴールドカラーを取り入れることで、コミック自体との一貫性をすでに確立しています。 タイトルでは、タイトルの「Drive Your Customers」の部分に使用したフォントと、サブタイトルに使用した表紙のより伝統的なフォントを使用しています。 これが、マディソン/マイルのメインメディアブランドフォントであるBentonSansです。 これを「無料コミックを入手」ボタンに使用します。
また、印刷雑誌のデザインエージェンシーでもあるため、さまざまなマーケティング形態でブランドフォントが表示されます。 これは私たちのブランディングにとって非常に重要です。 会社は常に認識できる必要があるため、設計の過程でこれを覚えておいてください。
ですから、はい、私たちは会社の確立された外観とオファー自体に一貫しており、キャンペーンの他の部分で要素をどのように使用するかについて、他のガイドラインを設定しています。
別のCTAボタンがあります。
これはメールで使用するために設計されました。 繰り返しになりますが、デザインが…であることを確認しました
- クリア。 潜在的な顧客を明確に導くように機能する方法で配信されるシンプルなメッセージ。
- 掃除。 限られた数の要素。メッセージを強化し、干渉しない方法で使用されます。
- 一貫性のある。 前の作品と同じフォント、色、画像。 私たちは見た目を設定し、それに固執しています。
これがランディングページです。
もちろん、ランディングページは信頼が確立される場所であるため、非常に重要な部分です。 潜在的な顧客はあなたにいくつかの情報を与えるつもりです、そして特に最近、彼らはそれであなたを信頼する必要があります。 「明確で、クリーンで、一貫性のある」設計原則に従うことは、その信頼を確立するための優れた方法です。 うまく設計されたランディングページには、「ここでは専門家と取引している」と書かれています。
それは明確だ。 私たちの漫画のタイトルは大きく、ヒーローアートの下に集中しています。 訪問者に何が期待されているかは非常に明確です。 3つのフォームフィールドに入力し、大きくて見やすいボタンをクリックします。 簡単に簡単。
とてもきれいです。 もともとこれには水色の背景がありました。 きれいな白だけがうまく機能するようになりました。 ここでは特別なことは何もありませんが、必要ありません。 コミックアートだけで視覚的に面白い要素がたくさんあります。
そしてそれはCTAと一致しています。 同じ情報源からの画像ですが、唯一のことは、漫画本の中を覗いてみることです。 別のフォントも導入していることに気付くかもしれませんが、それは当社のWebサイトPlayfairDisplayのmadison/milesのセカンダリフォントです。 そのため、今はその一部を取り入れていますが、すべてを確立された外観と一致させています。 また、下部に緑色のバーがあります。これは、マディソン/マイルのメディアグリーンです。 繰り返しになりますが、非常に微妙な方法でブランドの一部を紹介するだけです。
そして今、私たちはありがとうページに到着します。
繰り返しますが、それは明らかです。 コンテンツオファーをダウンロードするための大きなボタン。 訪問者が私たちが誰であるかについてもう少し学ぶように導く、非常に明確な二次的な行動の呼びかけ。 きれいです。 少し区別するために、このページの背景は青色のままにしました。 しかし、それは非常に微妙で目立たないものです。 そして最後に、それは一貫しています。 同じ色、フォント、画像。
ありがとうページの希望の1つは、訪問者がこれらのリンクの1つをたどることです。 それもスムーズな移行でありたいと思っています。 したがって、クリックして当社のWebサイトのリソースページに移動すると、旅の続きのように感じられます。
途中でブランドのフォントや色などを使用したため、ブランドとの一貫性を確立し、提供からメインサイトへのスムーズな移行を実現しました。 そのブランドの一貫性を微妙な方法で取り入れたので、デザイン的に不快感や混乱を招くことはありません。
そのため、インバウンドマーケティングで明確でクリーンで一貫性のあるデザインを使用することで、購入者の旅を強化しています。 これらの同じ原則を設計に使用して、潜在的な顧客をあなたとのつながりを築くための道に沿って動かします。
madison / milesメディアは、DesignRushのトップコンテンツマーケティング会社として認められています。{{cta（ '1395b35c-b222-49d6-8bdd-fb2e45b05459'）}}