例とベストプラクティスを使用して、受賞歴のあるメールマガジンヘッダーをデザインする方法

受信トレイには、毎日大量のメールニュースレターが届きます。 それらのいくつかを開くことはあなたにとって（しかし関係者全員にとってではありませんが）良いことです。 しかし、あなたは確かな第一印象を与えるものだけに引き付けられます（おそらくクリックします）。 では、ニュースレターが開かれた後の第一印象は何でしょうか。 明らかに、それはニュースレターのヘッダーデザインです。

さて、第一印象は顧客獲得に大きな役割を果たします。 13％の人は、一目でポジティブな雰囲気を作り出す製品に、さらに50％高い金額を支払うことを望んでいます。 電子メールヘッダーは、この点で違いはありません。

それで、あなたはこのブログから何を得るつもりですか？ ニュースレターのヘッダーデザインに関するほとんどすべて。 それを読んだ後、あなたはそれらが電子メールマーケティングでなぜそれほど重要であるか、そしてあなたの電子メールを開く人々を変えるためにそのような魅力的で魅力的なヘッダーを設計する方法をよく理解するかもしれません。

メールマガジンヘッダーとは–定義と例

技術的には、メールヘッダーはメール本文のコンテンツの上にあるセクションで、送信者、受信者、件名などの典型的な情報や、受信者の受信トレイに到達するためのメールのルートや必要な認証データなどの追加情報を入力します。具体的には、メールヘッダーは、すべてのメールコンテンツの本文の上にあるHTMLメールのコードスニペットです。

同様に、メールニュースレターのヘッダーは、メールニュースレターの上部にあり、送信者のロゴ、画像、その他の個人情報を確認できます。 ただし、ニュースレターのヘッダーの上にニュースレターの画像を呼び出すことはできます。

たとえば、次の画像を見てください–

IMPACTからのニュースレターです。 ニュースレターのヘッダーセクションには、送信者のロゴと名前（たまたま著者であり影響力のあるマーカスシェリダン）が含まれています。 したがって、それを読んでいる間、あなたはブランディングと変換のための2つのリンクさえ見ることができます。 1つはアドバイザーとの通話をスケジュールするためのもので、もう1つはIMPACTに参加するためのものです。

動作するニュースレターヘッダーを作成する方法

受賞歴のあるニュースレターヘッダーを作成する最良の方法は、それがどのように機能し、なぜそれが重要であるかを理解することです。 このブログの冒頭で、1つの大きな理由を指摘しました。 効果的な第一印象を与えるだけでなく、変換ヘッダーはブランド価値やクリック率を高めることもできます（これはいくつかの要因によって異なります。上記の例をもう一度見てください）。

機能が豊富なメールマーケティングプラットフォームでは、ニュースレターのヘッダーを最初からデザインできます。 たとえば、weMailには、美しいテンプレートでいっぱいのニュースレターテンプレートライブラリが用意されています。 これらは高度にカスタマイズ可能であり、単純なドラッグアンドドロップオプションを使用して、ヘッダーを任意の方法で設計できます。

通常、あなたが見つけるかもしれないほとんどのニュースレターのヘッダーはロゴかブランド名だけを持っています。 より多くの変換を行うために、画像はより多くを与えることができます。 ビクトリア朝のイラストレーター、フレデリック・バーナードがかつてこの有名な引用を言ったように–

「絵は千の言葉を語る」

関連する画像を使用することは、ニュースレターのヘッダーデザインを大きく変える可能性があります（さらに読み続けるにつれて、いくつかの例を示します）。 したがって、CTAまたはクリック可能なリンクを追加でき、最小限のアプローチを選択することもできます。 ただし、ベストプラクティスに従い、競合他社よりも見栄えを良くするために、一貫性のある雑然とした見通しを維持する必要があります。

ニュースレターのヘッダーデザインのベストプラクティス

適切なガイダンスは、達成に必要なものです。 ここでは、受賞歴のあるニュースレターのヘッダーを作成するのに役立つヒントやベストプラクティスをいくつか整理しました。

1.ロゴを挿入することを忘れないでください

ロゴはあなたのブランドの価値を反映しています。 購読者があなたのメールを開くときはいつでも、彼らがコンテンツを読み始める前に、見事なロゴは良い雰囲気を作ります。

メールヘッダーでブランドロゴを使用することは確かに最も一般的な方法ですが、それは関連性が低くなったり、影響が少ないことを意味するものではありません。 メールヘッダーのブランドロゴは、これまでどおり強力なままです。 だから、あなたはそれをどこに置くか、そしてスタイルで学ぶ必要があります。

2.ビジュアルの使用はやりがいがあります

ロゴのほかに、メールヘッダーで考えさせられる画像を試すことができます。 それはあなたのブランドとのつながりがあり、あなたのキャンペーンの目標を表す魅力的な品質を持っている必要があります。 明らかに、私たちの心の中では、画像はテキストよりも速く機能します。

80％の人が見たものを覚えており、10％の人が聞いたのと同じ情報を覚えているのに対し、20％の人はそれを読んだ人の情報を覚えています。

MovableInk

元の画像を使用することを強くお勧めします。 また、設計チームから支援を受けることもできます。 ただし、それを望まない場合は、関連する何千もの写真やイラストを利用できるWebサイト（Pexels、Freerange Stock、Free Pic、Pixabayなど）がいくつかあります。

3.メールヘッダー画像についてクリエイティブになりましょう

インターネットからダウンロードしたばかりの生の写真を使用しないのは賢明なことです。 画像を編集してストーリーを伝えることで、ここに創造性と意義を与えることができます。 あなたの会社やキャンペーンを表すためのキャッチがある写真を見つけるかもしれませんが、それらをあなた自身のものにすることはより適切で独創的です。

この仕事をするために、Canva、Pixlr、Vismeなどのアプリケーションと、Adobe Express、Lightroom、Photoshopなどのエキスパートツールがあります。

4.清潔で整頓された状態に保つ

ここで、注意することについての部分があります。 実際、画像はメールマーケティングにおいて非常に強力ですが、それは関連性がある場合に限られます。 関連性に加えて、画像はきれいである必要があります。 ニュースレターのヘッダーデザインが不器用またはうるさい場合、購読者を苛立たせる可能性があり、残りの電子メールは何も達成しません。

以下のこのニュースレターのヘッダーをご覧ください–

バナー付きでも、ブランドロゴ、会社名、詳細住所などが記載されています。 これらの多くの要素は物事を騒々しくします。 清潔で魅力的であると同時に、雑然としない方が良いです。

クリーンで魅力的で、ブランドと一致するニュースレターのヘッダーデザインの別の例を次に示します。

5.最小限の実用的なリンクを追加する

ヘッダーは、メール本文のトリッキーなセクションです。 それは重要な役割を果たしており、ゲームに勝つためのカードは数枚しかありません。 選択した画像または電子メールのヘッダーテキストに加えて、1つまたは複数のアクションを実行するように人々を招待する方法があります。 分析できる例を次に示します–

カヤックは、ロゴと関連性の高い画像に加えて、カテゴリ記号（赤いボックスでマーク）を追加しました。 署名されたものはそれぞれクリック可能であり、ユーザーを目的のランディングページに誘導できます。 UIにノイズを発生させることなく、このニュースレターヘッダーは、読者が下にスクロールしたくない場合でも機能を実行できます。

6. A/Bテストを継続する

テストにより、さらにレベルを上げることができます。 テストすればするほど、より多くの改善がもたらされます。 そのため、ニュースレターのヘッダーを使用してA/Bテストを継続的に実行する必要があります。

これは不可欠なプロセスであるため、ニュースレターのデザイン全体の中でテストを続けることができます。 したがって、実験を続けると、設計が好きな場合はA/Bテストを楽しむことができます。 weMailを使用すると、必要なテストを簡単に実行し、動的なニュースレターのカスタマイズ機能でプレビューを確認できます。

7.一貫性により、ブランドの声を構築できます

メールキャンペーンの送信を開始する前に、クールでコミュニケーションのとれたニュースレターのヘッダーデザインを確認することをお勧めします。 なぜなら、一貫した見通しがゆっくりとあなたのブランドを構築するからです。 したがって、ブランドヘッダーを選択した後、変更を加えることはお勧めできません。 ただし、コアに類似した複数のデザインを選択できます。 そして、あなたが変更を必要とするときはいつでも、それを徐々にしてください。 したがって、この戦略的な一貫性を維持すれば、強力なバンドの声を生み出すことができます。

メールヘッダーのデザイン例–どこから始めるか

OK、あなたはすでに基本を理解していて、メールマガジンのヘッダーをデザインする方法を理解していると思います。 次に、Web全体で最高のデザインを調べ、インスピレーションを得て、成功または失敗の理由を合理化し、開始する必要があります。 それを支援するために、以下の注目すべき電子メールヘッダーのデザインをいくつか集めました。 それらをチェックしてください–

1.ローマンはそれをシンプルで同期させました

すっきりとしたデザインと建物への関心に関して、上記のニュースレターのヘッダーデザインは強力です。 ブランドロゴがあり、正確なコピーがあり、よく同期された心を落ち着かせる関連画像があります。

2. ONYXCoffeeLabはロゴと文字でそれを釘付けにしました

とてもパワフルなミニマルなロゴと美しいレタリングの選択。 控えめなソフトな背景の後ろで完全に音楽を演奏しています。 上記のOnyxニュースレターには、学ぶべき心を落ち着かせるヘッダーの1つがあります。

このデザインに従うには、テンプレート全体を処理する必要があります。これにより、配置が妨げられず、ニュースレターのヘッダーが全体的なテンポに追いつくことができます。

3.生命要素は何らかの行動を要求します

それはどうですか？ シンプルな商標ロゴとそのすぐ下に、Life Elementsのショッピングページ、概要セクション、ブログページの3つの召喚状が表示されます。 訪問者として、あなたが訪問するページにかかわらず、それは会社にとって確実な勝者となるでしょう。

このデザインが機能する主な理由は、それが目を見張るものであり、ほとんどの場合あなたを悩ます機会がないということです。 それは柔らかな自然なトーンを持っており、それは自然な製品を提供します。 ニュースレターのデザイン全体は、ブランドの目標と見事に同期しています。

メールマガジンのヘッダーデザインを締めくくる

それで、あなたはどう思いますか？ 現在または以前のニュースレターのヘッダーは正常に機能しましたか？ はいの場合、あなたは明らかに競合他社よりも進んでいます。 そうでない場合は、今あなたはあなたの欠点を克服するための知識を持っています。

あなたのデザインツール、最高のEメールマーケティングのコピーとコンテンツ、戦略的なオファー、そして最も適切なEメールマーケティングツールに取り掛かりましょう。 そして、完璧なニュースレターのヘッダーと本文を含むメールキャンペーンの送信を開始します。