2022年の電子メールデザインの究極のガイド

電子メールは死にかけている媒体だと思われるかもしれませんが、キャンペーンモニターのレポートによると、顧客は2020年に2019年よりも130億通多く、合計1,000億通を超える電子メールを送信しました。 あなたの電子メールを群衆から目立たせることは、このすべての競争で簡単な仕事ではありません。

優れた電子メールデザインは、潜在的な読者との氷を破り、すぐに彼らの注意を引くのに役立ちます。

適切なデザインを使用すると、読者の想像力を捉え、彼らを引き付け、製品やサービスで「今すぐ購入」を押すようにプッシュすることができます。

何が優れたデザインを構成するのかよくわからない場合でも、心配する必要はありません。 これについては、このガイドで説明します。 具体的には、メールのデザインを改善する方法を説明し、刺激を与えるための26の例を紹介します。

メールのデザインを良くするものは何ですか？

現在、米国の人口の90％以上が電子メールを使用しています。 したがって、もちろん、すべての人にアピールする完璧なスタイルの電子メールデザインはありません。

ただし、いくつかの普遍的な概念は、効果的な電子メールを一貫して設計するのに役立ちます。 私たちはそれらを「3つのC」と呼んでいます。

• 明確：メールの目的はすぐにわかります
• 魅惑的：電子メールは読者の注意を引き、彼らの興味をそそります
• クリエイティブ：このメールはユニークで、他のマーケティングメールとは一線を画しています。

受賞歴のある例を見て、3つのCが実際にどのように見えるかを見てみましょう。

HP Instant Inkからのこのマーケティングメールは、2021年に「ベストテクノロジーメールメッセージキャンペーン」でIAC賞を受賞しました。

インスタントインクのロゴと見出しは、自宅に出荷されるインクのアイデアを強調しています。

それは魅力的です—イラスト、色、そして素晴らしい注目の画像の組み合わせで、それはあなたの注意を引き付けます。

それは創造的です—インクカートリッジに焦点を合わせていませんが、サービスがあなたの玄関口に届けるという事実。

優れたデザインを作成するために、これまでで最も素晴らしいアイデアは必要ありません。 既存のメールを評価し、改善すべき点を見つけることから始めます。

次のことを考慮する必要があります。

• メールが3つの「C」とどのように重なるか
• クリックスルー率（CTR）。 参考までに、平均クリック率は2.6％から2.34％の範囲です。
• あなたのメールがあなたの目標を達成するのに役立つかどうか
• あなたの電子メールがあなたのウェブサイトへのトラフィックを促進するかどうか

新しいメールやキャンペーンを作成するときは、学んだことを基に構築を続けてください。

また、ゼロから始める場合にすぐに使い始めることができるヒントとベストプラクティスについても説明します。

優れたメールデザインは、潜在的な読者との氷を壊し、すぐに彼らの注意を引くのに役立ちますここでいくつかの役立つデザインのインスピレーションを得るクリックしてツイート

11重要なEメールデザインのベストプラクティス

すべてのメールマーケティング担当者が従うべき11のベストプラクティスを次に示します。 電子メールのマーケティング側に集中している場合は、電子メールマーケティングのベストプラクティスを検討することもできます。

1.強力な件名を作成する

件名は、読者に第一印象を与えるチャンスであり、オープンレートに独自の効果をもたらします。 電子メールの平均開封率は18〜22％の範囲ですが、一部のマーケターは、件名を最適化するだけで開封率を57％にまで高めています。

基本的に、件名は非常に重要です。 それらを最適化するには、簡潔で説明的な言葉を使用し、統計、数値、または「フック」を含めて読者の目を引きます。 また、「無料」や「簡単なお金」などの「スパム」という言葉は避けてください。

2.ブランドを維持する

メールのデザインは、消費者がブランドをどのように見るかに影響を与えるため、各デザイン要素を慎重に検討することが重要です。 デザイン要素には、ロゴ、色、フォント、レイアウトの選択、ビデオ、画像、およびインフォグラフィックが含まれます。

最良の結果を得るには、デザインを視聴者に合わせてください。 たとえば、B2Bオーディエンスをターゲットにする必要がある場合は、落ち着いた色やすっきりとしたフォントなどのプロのデザイン要素を使用できます。 B2C製品は、より「カジュアルな」ブランドを使用する場合があります。

3.シンプルで集中力を保つ

複雑な電子メールレイアウトは読者を混乱させる可能性があり、読者が混乱していると感じたら、「戻る」ボタンをクリックします。 メールには、シンプルでクリーン、そしてミニマルなデザインを取り入れるべきです。

また、すべての電子メールで同じレイアウトとブランドを使用して、読者が何を期待できるかを理解できるようにする必要があります。

4.スパーエンゲージメント

すべての電子メールに強力な召喚状（CTA）を含め、読者からのエンゲージメントを生み出すため。 アンカーテキストを慎重に選択し、CTAボタンを大きくして、コンバージョンを最適化するために戦略的に配置します。

5.コンテンツルームに呼吸を与える

読者の画面の1平方インチごとに塗りつぶすと、どこを見ればよいかわかりません。 区切り文字と空白を使用してコンテンツに目を向け、CTAや商品画像などの重要なコンポーネントを強調します。

6.情報の滝をたどる

情報の滝（情報ピラミッドと呼ばれることもあります）は、最も重要な情報と最も重要でない情報を下部に表示します。

7.レスポンシブメールを使用する

セクション全体や画像を表示できずにメールを開いたことがありますか？ 固定サイズを使用する場合、デバイスの画面サイズを変えるとデザインが歪んでしまいます。 そのため、応答性が不可欠です。 レスポンシブウェブデザインの原則を使用して、さまざまなウィンドウや画面サイズに最適な比率でデザインを調整します。

8.アクセシビリティを確保する

リーチを最大化し、アクセシビリティのガイドラインと法律を満たしたい場合は、失読症、色覚異常、または視覚障害を持つ人々がEメールマーケティングをどのように認識しているかを考慮することが不可欠です。 メールのデザインにアクセスできるようにするには、失読症に適したフォント、代替テキスト、色盲に適した色、およびスクリーンリーダー（KNFBリーダーなど）が読み上げることができるプレーンテキストを使用します。

9.パフォーマンスを最適化する

平均的な人は11秒間しかメールを表示しないため、結果を得るにはパフォーマンスに集中する必要があります。 理想的には、電子メールはすばやく読み込まれ、すべてのデバイスで機能する必要があります（2021年のように、インターネットトラフィックの54.8％はモバイルデバイスからのものです）。

また、コンバージョンを追跡して、マーケティング活動の効果と試みた新しい戦術を測定する必要があります。

10.購読解除リンクを含める

多くの規制では、購読解除リンクの使用が義務付けられています。 連邦取引委員会の2003年のCAN-SPAM規則（非請求ポルノおよびマーケティングの攻撃の管理（CAN-SPAM））は、これらの規則の1つです。

人々が問題なく退会できるようにするために、明確で使いやすく、目立つように表示されるリンクを常に含めてください。

11.電子メール認証を使用する

電子メール認証により、電子メールマーケティングツールはドメインとして電子メールを送信できます（したがって、電子メールは「mcsv.net経由」ではなく「yourwebsite.com」から送信されます）。 電子メール認証を使用すると、電子メールがよりプロフェッショナルに見えるようになります。

優れたメールデザインの例

あなたが自然に創造的な個人であるとしても、創造的で高品質のデザインをゼロから構築することは簡単な作業ではありません。 ありがたいことに、ゼロから始める必要はありません。

このセクションでは、優れた電子メールデザインの26の例を分析し、それらについて私たちが気に入っている点を強調します。

ウェルカムメール

ウェルカムメールは、顧客がメーリングリストにサインアップしたときに最初に受け取るものです。 良い紹介をすることは、永続的で魅力的な関係を構築するために不可欠です。

イプシー

Ipsyのウェルカムメールは、すばらしい紹介のA+の例です。 これが私たちが気に入っている点です。

• Ipsy'sは、その電子メールニュースレターを「リフレッシュメント」と名付けました（これにより、マーケティング電子メールよりも趣味のクラブのように感じられます）
• Ipsyのメールは、読者に無料のセルフケアスターターキットを提供します
• Ipsyは、背景、画像、製品パッケージの色を一致させました

アンダーアーマー

マーケティングチームが製品をテーマにした画像とテキストを選択したため、Armorのウェルカムメールは機能します。 これが私たちが愛するいくつかのことです：

• アンダーアーマーのロゴが最初に表示されます
• 画像の色が一致し、メールがポップになります
• メールの視覚的な階層により、面白く見えます

Beefree.io

技術的にはウェルカムメールではありませんが、このBeFree確認メールは非常に優れているため、ここで取り上げる必要がありました。 なんで？ この電子メールは、BeeFreeの設計ソフトウェアで何が可能かを完全に示しています。 これが私たちが好きなものです：

• アニメーションは愛らしいです
• パステルカラーはきれいですが、子供っぽく見えません
• BeeFreeにはソーシャルメディアへのリンクが含まれています
• BeeFreeは、そのソフトウェアを使用して電子メールのデザインを作成しました

ペロトン

Pelotonのウェルカムメールにはいくつかのテキストセクションが含まれていますが、空白を効果的に使用しているため、混雑しているようには見えません。 また、次の理由で気に入っています。

• ペロトンは、「抵抗」と「ケイデンス」のセクションに読者の目を引くために記号を使用しました
• Pelotonは、コミュニティの雰囲気を与える画像でメールを開始します
• メールには、Pelotonアプリの機能が説明されており、読者にその使用方法が説明されています。

Evernote

Evernoteのウェルカムメールには、サブスクライバーを歓迎することと、無料のEvernoteアプリをダウンロードするのを支援することの2つの目的があります。 また、次の理由で気に入っています。

• メールには、Evernoteの紹介リソースへのリンクが含まれています
• EvernoteのCTAボタンは緑色で、Evernoteのブランドカラーと一致しています
• Evernoteには、アプリのインストールに問題がある顧客向けのカスタマーサービスへのリンクが含まれていました

カート放棄メール

カート放棄メールは、顧客がカートを放棄してから24〜72時間以内に顧客に送信する自動生成メールです。 これらの電子メールの主な目標は潜在的な顧客との再エンゲージメントであるため、読者の注意を引く必要があります。

アメリカンジャイアント

American Giantのカート放棄メールは、活気に満ちたスタイリッシュな白黒デザインの優れた例です。 また、次の理由で気に入っています。

• American Giantは、カート内のアイテムを読者に表示します
• AmericanGiantはソーシャルメディアにリンクしています
• メールはプリヘッダーテキストを効果的に使用します

ジェリーズ

ジェリーのメールは、アメリカンジャイアントのメールとは正反対です。 これが私たちが好きなものです：

• ヘッダーは、創造的な方法で放棄されたカートを読者に思い出させます
• メールアドレスは名前で受信者に宛てられます
• 色は楽しいですが、圧倒的ではありません

ステットソン

Stetsonの電子メールには、それを機能させる顧客フレンドリーなひねりがあります。送料無料の提供です。 これが私たちが好きなものです：

• Stetsonは、メール全体でブランドカラーを使用しました
• 電子メールは、読者を関連するストアカテゴリにリンクします
• CTAは、「供給が続く間」と述べることによって不足を示します

ニュースレター

ニュースレターは、新製品やサービス、最新のコンテンツ、チャリティー活動について顧客に最新情報を提供する定期的なメールです。 当然、彼らは有益でありながら魅力的である必要があります。

修香デザイン局

Shuka Design Bureauからのこのメールは、クリエイティブなニュースレターの優れた例です。 これが私たちが大好きなものです：

• メールには人目を引く漫画が掲載されています
• コピーライティングはコミックのテーマに合っています
• コミックは明るい色と独特のアートスタイルを使用しています

酸に関する電子メール

アシッドのニュースレターの電子メールも独自のアプローチを採用しています。 私たちが好き：

• メールの新聞のテーマ
• テキストを分割するための空白の使用
• これは、効果的なコンテンツマーケティングでメールがどのように役割を果たすことができるかを示す良い例です。
• 白黒の配色

インクリメント

Incrementは、ニュースレターのデザインに洗練されたアプローチを採用しています。 私たちは大好きです：

ニュースレターにサインアップ

トラフィックを1000％以上増やした方法を知りたいですか？

インサイダーのWordPressのヒントを含む週刊ニュースレターを受け取る20,000人以上の他の人に参加してください！

今すぐ購読

• Incrementが質問を使用して、読者が「問題を読む」をクリックするように促す方法
• そのインクリメントは、ニュースレターのこの号に「コンテナ」というテーマを付けました。
• トリッピーな宇宙をテーマにしたヘッダー画像がテーマとどのように一致するか

休日のメール

ホリデーメールは読者の注意を引き付け、特別なお祝いのオファーを使用して購入するように促します。 それはすべてあなたの電子メールとプロモーションで休日の本質を捉えることです。

BarkBox

BarkBoxの「お誕生日おめでとう」メールは、ユニークな製品（犬の誕生日ケーキ）を提供することで顧客をアップセルします。 このアプローチがいかにユニークであるか、そして次の点が気に入っています。

• しっぽワギンのような楽しい言葉
• オファーの価格、制限時間、期待を明確にする方法

ガントリ

Gantriの電子メールは、読者に問題を巧みに提示します（「まだ完璧な贈り物を探している」と、Gantriカードを解決策として位置付けています）。 私たちもそれが好きです：

• メールには、ガントリカードのメリットが記載されています
• 問題に焦点を合わせたヘッダーのすぐ下のCTAの配置

ジュディ

ジュディの電子メールは読者との関係を構築することを目的としているため、ジュディの電子メールはBarkBoxやGantriとは異なるアプローチを取ります。 私たちはそれが大好きです：

• 大きなフォントサイズとデザインがヘッダーを強調しています
• メールには、ヘッダー画像にさまざまな背景の女性が含まれています
• テキストを強調表示するために空白を使用します

RXBAR

RXBARのハロウィーンのメールは不気味で楽しいです。 私たちはそれが好きです：

• 見出しは「トリックオアトリート」で楽しいスピンを使用しています
• メールの上部に関連リンクが含まれています
• デザインは、フランケンシュタインの爪、コウモリ、カボチャなどの象徴的なハロウィーンの画像を使用しています

デジタル製品のメール

顧客はCTAリンクを介してサインアップした直後にサービスにアクセスできるため、デジタル製品の電子メールは販売に特に効果的です。 彼らの焦点は、多くの場合、人々にその場で購入するように強いることです。

投稿可能

Postableからのこのメールは、読者の問題、つまり休暇中の古いアドレスに対処しているため、機能します。 また、次の理由で気に入っています。

• PostableのCTAは、読者が最初に目にするものです。
• メールには投稿可能なアプリのグラフィックが含まれています
• 主な目的を強調するための空白の活用—ユーザーに住所を更新させる

マークアップ

MarkUpからのこの電子メールは、ソフトウェアを販売しながらMarkUpを使用する方法を読者に教えるので優れています。 私たちもそれが大好きです：

• MarkUpはアイコンを使用してコピーを強調しました
• MarkUpのソフトウェアはあなたが最初に目にするものです
• CTAはフォールドの上にあります

タイプフォーム

Typeformの電子メールは、同社のユニークセリングポイント（USP）で始まるため、機能します。これは、「マーケティングでビデオを使用する新しい方法」です。 私たちもそれが好きです：

• Typeformは、ビデオマーケティングの例を示しています
• メールはアクセシブルなフォントを使用しています
• 画像は階層を使用して読者の目をつかみます

セールスメール

セールスメールは、加入者に購入を促すための特別割引を提供します。 当然、強力なCTAが必要です。

GoPro

GoProからのこのメールのCTAは、テキストの階層が「値下げ」の後に視聴者が2番目に読むものになるためうまく機能します。 また、次の理由で気に入っています。

• GoProは、メール全体で一致する配色の一致を使用しました
• 巨大な製品画像が製品を強調しています
• メールには、送料無料と低価格の2つのオファーが含まれています

MCM

MCMからのこの販売メールは、バッグを宣伝するためにテキストのチャンクの代わりに画像を使用するため、優れています。 私たちもそれが好きです：

• 注目の画像はイラストと写真をブレンドしています
• CTAボタンが目立ちます
• メールのヘッダーにはショップのリンクが含まれています

現代の哺乳類

Modern Mammalsからのこの販売メールは、静的なショットで製品が動作していることを示しているため、うまく機能します。 また、次の理由で気に入っています。

• メールは強調のために複数のフォントの色を使用しています
• 背景画像は製品パッケージと一致します
• テキストは製品のUSPを強調しています

お客様の声とレビューのメール

推薦状とレビューの電子メールは読者に賛成を求めます。したがって、彼らは忠誠心を活用して読者にレビューを残すように動機付ける必要があります。

G2

G2の「今日レビューする」メールは、読者が他の人のレビューを手伝うことができるように感じさせるため、説得力があります。 私たちもそれが好きです：

• G2は、写真にさまざまなレビューを示しています（肯定的なものだけではありません）
• G2はメールを簡潔に保つ
• CTAは説明的です

目標

Targetの電子メールは、各顧客に合わせてパーソナライズされているため機能します。レビューを求め、不幸な顧客がサポートに連絡するのを支援します。 私たちもそれが好きです：

• 電子メールは、コンテンツブロック間の区切り文字としてヘッダーを使用します
• 2つのCTAボタンは、わかりやすくするために異なる色になっています
• 読者の購入を画像で示します

噛む

Biteからのこのレビューメールは、他の顧客からの読者のレビューを表示するために、独自のアプローチを採用しています。 私たちもそれが好きです：

• 一口は階層を作成するために緑の複数の色合いを使用しました
• その「私たちについて」ページへのかみ傷リンク
• 一口は写真にその製品が含まれています

ブランディングメール

ブランディングメールは、ブランドアイデンティティ、使命、USPなど、ビジネスの「ABC」を読者に伝えます。 当然、彼らはあなたのブランドに深い関心を生み出す必要があります。

Thinx

Thinxからのこのブランディングメールは、従業員（Morgs）に紹介することで、読者の注意を引き付けます。 私たちもそれが好きです：

• Thinxは適切なマットカラーパレットを使用しました
• Thinxは、その製品と使命を中心にメールのコピーライティングをテーマにしています

Wisp

Wispからのこのブランディングメールは、潜在的な顧客が製品をナビゲートするのに役立つため、機能します。 私たちもそれが好きです：

• Wispは質問を使用して読者の注意を引きます
• Wispはその「コミュニティのお気に入り」にリンクしています
• Wispは、メールの背景に溶け込む画像を使用します

独自のメールデザインを作成する方法

優れた電子メールデザインの26の例を見てきました。これで、新しくトレーニングしたデザインに目を向ける準備が整いました。 メールデザインを作成する3つの方法は次のとおりです。

1.メールマーケティングソフトウェアを使用する

多くの人気のある電子メールマーケティングソフトウェアツールには、使用できるテンプレートが組み込まれています。 これには、Mailchimp、Constant Contact、SendinBlue、Drop、およびHubSpotが含まれます。

テンプレートとドラッグアンドドロップビルダーを簡単に使用して、独自のデザインを作成できます。

長所：

• 簡単かつ迅速
• テンプレートのテキスト、画像、重要な部分を変更できます
• あなたはあなたのデザインがデスクトップとモバイルデバイスで機能することを知っています
• 同じテンプレートを複数回使用できます
• 通常、追加料金を支払う必要はありません

短所：

• これらのテンプレートは、幅広いターゲットオーディエンス向けに作成されています（したがって、他のブランディングと一致しない場合があります）

2.専用のEメールデザインツールを使用する

電子メールデザインソフトウェアツールは、電子メールテンプレートと独自の機能を提供して独自のデザインを作成します。 Stripo、Chamaileon、BeeFree、Postcardsはすべて素晴らしいオプションです。

長所：

• デザインのバックグラウンドがない人にとっては非常に使いやすい
• これらのツールには何百ものテンプレートがあります（したがって、ニーズに合ったテンプレートを簡単に見つけることができます）
• 完全なカスタマイズ性—レイアウト、色、画像、スタイル、テキストを変更します
• 多くのテンプレートはモバイルデバイスに対応しています

短所：

• これらのツールへのアクセスには料金がかかる場合があります
• テンプレートをダウンロードして、メールマーケティングソフトウェアにインポートする必要があります（または、可能な場合は統合を使用します）

3.カスタムデザインを作成する

最後に、Adobe InDesign、VivaDesigner、Scribusなどのツールを使用してカスタムの電子メールデザインを最初から作成するか、HTMLとインラインCSSを使用してコーディングすることができます。

長所：

• あなたのデザインはユニークになります
• 完全な柔軟性
• デザインがモバイルフレンドリーで、画像が高品質であることを確認できます

短所：

• 設計ソフトウェアは高価です
• 非常に時間がかかる
• 強力なデザインの背景が必要です

概要

2020年の時点で、世界中に40億3000万を超える電子メールユーザーがおり、人々は毎日3,196億の電子メールを送受信していました。 当然、サブスクライバーの受信トレイで目立つようにするのは難しいことです。

そのため、優れたメールデザインが重要です。 視聴者の注意を引くことは、リードとの関係を育み、収益を増やし、顧客を効率的にアップセルするための最初のステップです。

優れたメールデザインを習得するには、次のことを確認してください。

• 強調のために空白を使用する
• 読者の注意を引くために高品質のビジュアルを開発する
• 明確なコピーを使用する—特にヘッダーとCTAで
• トップダウンアプローチを使用してコンテンツに優先順位を付ける
• クリエイティブに

優れたメールデザインについて知っていることをすべてお聞きしたいと思います。 これらのデザインのうち、最も気に入ったものはどれですか。また、ブランドに合わせて独自のメールを作成するにはどうすればよいですか。 以下のコメントで教えてください。