メールマガジンのデザイン方法：手順、ヒント、テンプレート

簡単な質問：現在、何通のメールを購読していますか？ 覚えるには多すぎますか？

聞こえます。

最終的には、これらのメールはすべてぼやけてしまいますが、ニュースレターを目立たせたい場合は、コンバージョン率の高いメールニュースレターをデザインする方法を学ぶ必要があります。

リストのサイズが10であろうと10,000であろうと、洗練された電子メールニュースレターは、他のライバルよりも優位に立つと同時に、購読者があなたの名前が受信トレイに表示されるのを見て興奮させます。

それがこのガイドの目的でもあります。 この投稿では、必要な手順、ヒント、テンプレートなど、メールニュースレターのデザイン方法について説明します。 シートベルトを締める！

まず、メールマガジンとは何ですか？

あなたはおそらく以前にあなたの受信箱で電子メールのニュースレターを見たことがあります。 これは、製品/サービスまたは会社に関する最新のニュース、情報、更新、またはヒントをサブスクライバーに通知するタイプの電子メールです。 これは実際、企業が顧客とコミュニケーションをとるための費用効果の高い方法です。

たとえば、AVADA Commerceのようなビジネスの場合、ニュースレターは顧客に最新の価格プランを通知し、新しい独自の機能を紹介します。

コンテンツサイトの場合、ニュースレターには、受信者がサイトをクリックして詳細を読むことができるように、新しい記事ごとに魅力的な見出しが含まれています。

あなたがあなたの顧客が役に立つと思うコンテンツを提供する限り、あなたは彼らの心の中で新鮮なあなたのブランドに電子メールニュースレターを活用することができます。

実際には、メールマガジンの目的はあなたのビジネスに依存します。 次の目的で使用できます。

• 注目の商品やクーポンで売り上げを伸ばす
• 役立つヒントや情報を通じて顧客とつながる
• あなたの社会的なフォローやあなたのウェブサイトへのトラフィックを後押しすることさえ

優れたメールマガジンキャンペーンは、お客様のニーズと顧客のニーズに合わせて調整されていることに注意してください。

メールマガジンをデザインするための9つの簡単なステップ

このセクションでは、メールマガジンをデザインするプロセスを段階的に見ていきましょう。

1.目標を選択します

ニュースレターの目的は、その目的によって異なります。

メールの開封率やクリック率を上げたり、ブランドロイヤルティを向上させたり、売り上げを増やしたり、情報の流れのためのチャネルを作成したりすることができます。

あなたが共有したいものとあなたの顧客があなたのニュースレターから何を得たいかを理解することはあなたがあなたのレイアウトとデザインを決めるのを助けることができます。

2.ニュースレターのサイズとサイズを決定します

流動的/流動的なレイアウトではなく、ニュースレターの固定幅を選択することをお勧めします。 これは、埋めることができるスペースの量を正確に理解するのに役立ちます。 さらに、画面の幅全体を使用しない場合にポップアップする一部のデバイスの水平スクロールバーを防止します。

ニュースレターの理想的な幅は550〜600ピクセルです。 さらに、最も重要な情報が上位300〜500ピクセル以内にあることを確認してください。 これは、デスクトップコンピュータ上のより多くの電子メールクライアントの平均的な「プレビューペイン」のサイズです。

3.ドキュメントを設定します

グラフィックエディタツールを使用して、ニュースレターテンプレートドキュメントを作成できます。 最も一般的なものの1つはAdobePhotoshopですが、他にも同様の無料および有料のツールがいくつかあります。

ドキュメントを実際のニュースレターのサイズよりも大きくします（800px（w）x 1000px（h）など）。 これにより、ヘッダーに600px幅の中央揃えコンテナを追加するための背景フレームが作成されます。

4.表示オプションを含める

メールマガジンをデザインするときは、アクセシビリティが重要です。

テンプレートの上部近くに行を含めることを検討してください。これにより、受信者は電子メールクライアントの外部でニュースレターを表示できます。 「このメールをブラウザで表示する」のような簡単な方法で、読者は自分のニーズに合った方法でコンテンツを表示するオプションがあることを知ることができます。

5.メールマガジンヘッダーを作成します

ヘッダーはメールマガジンの重要な部分であり、そこで最もブランディングを行うことができます。 他のチャネルですでに使用しているフォント、グラフィック、および色を使用すると、ブランド認知度を高めるのに役立ちます。

ロゴや色、フォントなど、ウェブサイトのヘッダーの要素を使用して、メールマガジンのデザインに組み込むことを検討してください。 これにより、すべてのキャンペーンとプラットフォームで継続性が促進されます。

6.ニュースレターの本文を作成します

ヘッダーが完成したら、本文コンテンツ用にヘッダーの下に別の600px幅のコンテナーを作成できます。

ここには、最近リリースされた投稿、今後の製品やイベント、クーポンコード、またはターゲットオーディエンスと共有するその他の情報に関するブログやWebサイトからの情報を含める可能性があります。

7.ソーシャルリンクを追加する

メールマガジンの下部近くに、ソーシャルメディアリンクやその他のオプションでコンテンツを共有する場所を追加できます。 「このニュースレターを友達と共有してください！」のようなCTA（召喚状）を含むボタンを作成することを検討してください。

これにより、サブスクライバーはコンテンツを他のユーザーに転送するオプションが提供されるだけでなく、メトリックのこの種の情報を追跡できます。 さらに、ソーシャルメディアのアイコンとハンドルのセクションを作成して、他のプラットフォームで他の人があなたとつながるように動機付けることができます。

8.フッターを含める

フッターは、多くの場合、CTAボタンとソーシャルメディアリンクの下にあります。 これは、電子メールニュースレターで期待される追加情報を保持することを目的としています。

あなたのウェブサイトの連絡先情報につながる「お問い合わせ」リンクを追加することができます。 また、読者が必要に応じて通信をオプトアウトできるように、購読解除リンクを追加する必要があります。

9.最終製品を確認します

設計が完了したら、各セクションを振り返って確認します。 スペルミス、タイプミス、配色の意図しない変更、その他の間違いがないか確認してください。

これにより、テスト後にサブスクライバーリストに送信する前に、戻って調整する必要がなくなり、時間を大幅に節約できます。 アップロードエクスペリエンスを向上させるために、メールマーケティングプログラムと互換性のある形式でデザインを維持するようにしてください。

メールマガジンをデザインするための9つのヒント

このセクションでは、メールマガジンをデザインする方法と、計画どおりに表示するための9つのヒントとコツを紹介します。

1.あなたのブランドにとどまる

すべてのメールでブランドの一貫性を保つ必要があります。 これはあなたの加入者が他のたくさんの中であなたのメッセージを簡単に認識するのを助けます。

• カラーパレット。 ニュースレターでは、残りのブランディングに使用するのと同じカラーパレットを使用する必要があります。 一貫性が鍵となります。 ニュースレターを色のしぶきでジャズアップするのはかなり魅力的かもしれませんが、ブランドの色に忠実であり続けることが理想的です。

• ブランド画像。 メールマガジンにブランド画像を追加することは、読者に自分が誰であるかを思い出させながら、ブランドを維持するための有用な戦略です。 あなた自身またはあなたのロゴの画像を含むヘッダーまたは電子メールの署名は、受信者の記憶をジョギングする最も簡単な方法です。

2.適切なフォントを選択します

フォントの選択は、メールマガジンのデザインに不可欠です。

読みやすいフォントは、人々があなたのニュースレターをクリックするのを防ぎ、彼らがより長く読み続けるのを防ぎます。

クリアフォントが読みやすさに与える影響を説明するために、2つの例を見てみましょう。

また、メールマガジンではウェブセーフフォントを使用することを検討する必要があります。 Webセーフフォントは、ほとんどのデバイスにプリインストールされていることがよくあります。 したがって、あなたの聴衆はあなたがそれを設計した方法であなたの電子メールニュースレターを正確に見ることができると確信することができます。

標準のWebセーフフォントには次のものがあります。

• Arial
• ヴェルダナ
• タイムズニューローマン

続きを読む：

• Eメールマーケティングの安全なフォントとカスタムフォント
• メールテンプレートにカスタムフォントを追加する方法

3.メールサイズに注意してください

GmailとYahooの場合、推奨されるHTMLメールサイズは多くの場合100KBです。 そのため、すべての電子メールクライアントは、連絡先リストに送信する前にニュースレターを「スケーリング」します。

HTMLファイルを大きくする理由は何ですか？

3つの最大の要因は次のとおりです。

• メールマガジンに適用するフォントとスタイル
• HTMLコードに埋め込まれたインタラクティブな要素
• それらの量

したがって、ニュースレターの合計サイズは1 MB以下である必要があるため、注意を払うようにしてください。 ニュースレターの画像を圧縮することも強くお勧めします。 これにより、画像の品質が低下することはありません。

また、ニュースレターのダウンロードに2秒以上かかる場合は、おそらく削除されます。 結局のところ、あなたはあなたの加入者の時間を尊重する必要があり、遅い電子メールは最大の犯罪者の1つです。

4.インタラクティブな要素を使用する

最近最も注目されているトレンドの1つは、インタラクティブな要素です。 これらの要素には、画像カルーセル、埋め込みビデオ、ゲーム、調査、検索ボタンなどがあります。 彼らはあなたの電子メールを活気づけ、読者の注意を引くだけでなく、あなたの電子メールニュースレターにより深く関与させることができます。

しかし、これらの電子メールはスパムフィルターを通過しますか？

原則として、Gmailは以下を含むメールをブロックします

たとえば、動画を埋め込むのではなく、動画へのリンクを挿入することができ、多くのマーケターはそれにプレビュー画像を追加します。 または、画像カルーセルを使用して商品を表示する代わりに、アイテムのスニペットが入れ替わる場所にGIFを挿入することを検討してください。 したがって、大胆なアイデアを実行に移すことを恐れないでください。不明なすべての電子メール要素にフォールバックを設定する可能性があります。

5.CTAを強調する

CTAには細心の注意を払う必要があります。

結局のところ、それはあなたのウェブサイトのトラフィック、販売、そしてあなたのニュースレター内のあなたの製品やサービスの宣伝の背後にある原動力です。

読者にCTAを利用してもらうには、コンテンツ内のメールの上部と下部の近くに配置する必要があります。

下部にCTAを1つだけ配置すると、ニュースレター全体を読んでいない人を失う可能性があります。 ホリーの枝からの例を見てみましょう。 ブランド作成者はニュースレターにCTAを複数回追加しているため、読者は彼女のマスタークラスに簡単にサインアップできます。

6.ニュースレターを短い段落に分割します

ホワイトスペースの力を過小評価しないでください。

空白を使用すると、コンテンツを読みやすく、消化しやすくなります。 そして、あなたのコンテンツがはるかに読みやすいとき、それのより多くが実際に読まれます。

カーリーからのメールマガジンをご覧ください。

短い段落は、分厚いテキストのブロックよりもはるかに読みやすく、要約しやすいことがわかります。

7.モバイルデバイス向けに最適化

ほとんどの人は、どこからでもメッセージをチェックするために、自分の電子メールアカウントを携帯電話にリンクしています。

メールマガジンがさまざまなモバイルデバイスでどのように表示されるかを検討してください。 単一列のニュースレターは、水平スクロールバーを必要としないため、多くの場合、より効果的に機能します。

携帯端末向けに最適化すると、携帯電話でメールをチェックするだけの人からより多くのコンバージョンを受け取ることができます。

関連トピック：11のベストモバイルメールマーケティングプラクティス

8.購読解除リンクを表示したままにします

購読解除は避けられず、有益です。 誰かが購読を解除すると、彼らはあなたの電子メールニュースレターを受け取ることに従事して興奮している他の人のための場所を作ります。

登録解除リンクを偽装して非表示にするのではなく、開いたままにしてください。

実際、一部の電子メールマーケティング法では、購読解除リンクを含める必要があるため、この部分は交渉できません。 登録解除リンクは通常、メールマガジンの下部に実際の住所とともに表示されます。

9.ニュースレターをテストします

メールマガジンのデザインが完了したら、「送信」ボタンを押す前に最後のタスクが1つあります。

さまざまなデバイスでメールマガジンをテストすることをお勧めします。 テストにより、購読者がニュースレターを読むために使用するデバイスに関係なく、ニュースレターの見栄えが良くなることが確認されます。

9つの高変換メールニュースレターテンプレート

インスピレーションを得るために何かが必要な場合は、このセクションが最適です。 コンバージョン率の高いメールニュースレターテンプレートを9つまとめたので、今すぐ調べてみましょう。

1.ウェルカムイベントのメールマガジン

新規加入者にメールマガジンを送信する前に、カスタマイズされたウェルカムメールを送信することをお勧めします。

このタイプの電子メールは、標準のニュースレターの電子メールよりも86％高い開封率を持っていると報告されているため、販売につながる可能性のあるトーンを設定し、関係を構築することが不可欠です。

AVADA Commerceからのこのウェルカムメールは、短くて甘いものです。

AVADA Commerceは、新しいサブスクライバーを歓迎する5つのワークフローテンプレートを提供します。電子メールとSMSを組み合わせて、可能な限り最善の方法でサブスクライバーに連絡し、感謝の気持ちを示すこともできます。 ただし、1つの電子メールテンプレートでサブスクライバーを歓迎することで、最も簡単な方法から始めることができます。

これは、特に、ブランド名がまだ購読者の頭の中で跳ね回っている間に、よく書かれたウェルカムメールを配信する場合に意味があります。 これにより、受信者は最初からあなたの会社の良い第一印象を確実に得ることができます。 ウェルカムメールを超えて拡張するための優れたオンボーディングメール戦略があることを確認してください。

その他のウェルカムメールテンプレートはここにあります。

2.Eコマースニュースレター

AVADA CommerceのこのEコマースメールニュースレターテンプレートは、製品にスポットライトを当てるためのシンプルでクリーンなデザインを提供します。

製品を紹介するためのヒーロー画像ボックスの前面と中央、および補完的な製品や他の関連ブログ投稿へのリンクを追加するためのサポートボックスを提供します。

AVADAの他のEコマースメールニュースレターテンプレートに興味がありますか？ 無料でここをクリック！

3.製品発売ニュースレター

コットンビューローがこのメールマガジンで太字のフォントを使用していると言うのは、それを軽視しているのかもしれません。 これは、受信トレイ、特にヘッダーに表示されるときに無視できない太字のフォントです。

メールヘッダーはこのフォントを使用してメッセージを表示しますが、このフォントの最適な使用法は「送料無料」オファーにあると考えています。 これは実際には、受信者が他のすべての情報を読む前に正しい心の状態に置くための簡単なハックです。 今では、シャツを見たり、会社についてもっと読んだりする前に、送料が無料になることを知っています。

4.ホリデーニュースレター

各休日は年に一度だけです。つまり、その瞬間を利用するために最善を尽くす必要があります。

これらの休日に焦点を当てた電子メールニュースレターは、特定の色とテーマでその日の気分を捉えることによって、それを行うのに役立ちます。 これが彼らの典型的な毎週または毎月のニュースレターではないことをあなたの加入者が知っていることを彼らに確かめてみてください-それは特別な休日のプロモーションです。

このハロウィーンのメールマガジンを見てみましょう。

ハロウィーンオタクと顧客中心の適切なバランスのニュースレターテンプレートでホリデースピリットを受け入れましょう。 このホリデーテンプレートを使用すると、年間のお得な情報にスポットライトを当てたり、不気味なレシピやハロウィーンのイベントに言及したりして楽しむことができます。

5.月刊メールマガジン

毎日または毎週のメールマガジンがあなたとあなたの聴衆の両方にとって多すぎると思われる場合は、ケイデンスを月に1回に遅くしてください。

この月刊メールマガジンテンプレートは、さまざまなサイズの正方形の興味深いコレクションを使用して、コラージュのようなスタイルでコンテンツを特集しています。 黒と白の背景をもっとブランドに合ったものに交換することができます。

6.業界ニュースメールニュースレター

あなたは一つのことを知る必要があります：彼らが必要とする情報を得るためにあなたの受信者を働かせないでください。 代わりに、デザインを使用して重要なポイントを強調する必要があります。

アイコンは、ニュースレターのポイントを強調するだけでなく、情報を説明するための優れた方法です。 ヘッダーの横にアイコンを配置することで、以下の例のように読者の目を引き付けることができます。

7.非営利ニュースレター

非営利団体と慈善団体はすべて人と人類に関するものです。 ただし、寄付者を関与させ、寄付するよう説得し、あなたの目的に戻ってもらうのは難しい場合があります。

非営利の電子メールニュースレターは、魅力的なビジュアルやストーリーを目の前に置いて、彼らの関心を維持するために不可欠です。 これは、非営利の電子メールニュースレターの良い例です。 この場合、チャリティーウォーターはシンプルなリストインフォグラフィックデザインを使用して、重要なポイントをわかりやすく読みやすくしています。

8.リモートワーキングガイドニュースレター

在宅勤務の期待、またはその他の会社の最新情報、ニュース、ガイドラインについて、スタッフを最新の状態に保ちます。

調査によると、従業員1人あたりの収益は最​​大59％増加する可能性があり、そこに到達するには優れたコミュニケーションが不可欠です。 メールマガジンを使用して従業員を常に把握することは、シンプルでありながら効果的な戦術です。

9.イベントニュースレター

最近、COVID-19のパンデミックにより、多くのイベントがオンラインで開催されています。 バーチャルイベントは、コミュニケーションの点で対面イベントとは異なる働きをすることがよくあります。 多くの人はスケジュールを明確にしていないため、衝動的な参加者や土壇場での欠席者が多くなります。

それに応じて電子メール通信を調整することを検討してください。 開始時間の48時間前に、主要な講演者のリマインダーと「参加方法」情報とともに、メッセージをまとめます。

結論

メールマガジンをデザインするための究極のガイドは以上です。

少し長いことは承知していますが、ビジネスに役立つことを願っています。 私たちの目次を使用して、最も興味のあるセクションにジャンプできます。 読んでくれてありがとう、そして私達が電子メールマーケティングであなたを助けるためにいつもここにいることを忘れないでください！