センスUP!おすすめメルマガHTMLテンプレートとデザイン例10選

「配信したメルマガの開封率が低いのでもっと読者に読んでもらえるようにメルマガのデザインを工夫したい」
「センスがないのでデザイン性の高いメルマガを作ることができなくて困っている」

そんな悩みをお持ちではありませんか?

せっかく作ったメルマガに反響が少ない場合は、デザインに何らかの問題があるのかもしれません。

読者に内容に興味を持ってもらえるメルマガにするには、デザインに個性を出すと同時に訴求力を高めるHTMLメルマガのテンプレートの活用がおすすめです。

この記事では、おすすめのフリーで使えるメルマガHTMLテンプレート5選と、おすすめのデザイン例10選を紹介します。

おしゃれなHTMLテンプレートをメルマガに取り入れて、読者の心を引き付ける魅力的なメルマガを作ってくださいね。

この記事を読む前に、メルマガの基礎知識について知りたい方は以下の記事をご覧ください。

メルマガを始めるべき?メリット・デメリットや作り方を徹底解説!

1.無料で使えるHTMLテンプレート5選

スタイリッシュなメルマガを作るなら、デザイン性に優れた無料で使えるHTMLテンプレートを活用すると良いでしょう。

コーディングの技術や知識、センスがなくても、すでに作られているテンプレートを使えば、読者が思わず読み進めてしまうようなHTMLメルマガを簡単に作れますよ。

  1. シンプルなのにセンスの良さが光る『99 designs』
  2. ブラウザ上で編集できる『BeeFree』
  3. テンプレート数が豊富な『Open Source Email Templates』
  4. ビジネス・イベント告知まで幅広く使える『Cakemail』
  5. 目的にぴったりのデザインが見つかる『CampaignMonitor』

この5つのサイトには、無料で使えるデザイン性の高いHTMLメールのテンプレートがあります。

ダウンロードして使うもの、その場で編集できるものなどあるので、デザインだけでなく使いやすさも考慮して活用しましょう。

(1)シンプルなのにセンスの良さが光る『99 designs』

1つ目のおすすめの無料のHTMLテンプレートは、99designsです。

現在、1種類の無料のテンプレートが用意されており、カラーも4色からお好みで選べます

また、オリジナルのメールテンプレートの作成もデザインコンペ(オリジナルのテンプレートのデザインをデザイナーに依頼)で作成することができるので、よりイメージに近いデザインでメルマガを作成したいときにおすすめのサイトです。

プランは、ブロンズ・シルバー・ゴールド・プラチナの4プランあり、全てのコンペに全額返金保証がついているので気軽に利用できます。

(2)ブラウザ上で編集できる『BeeFree』

2つ目のおすすめの無料のHTMLテンプレートは、BeeFreeです。

BeeFreeもCampaignMonitorと同じく選択したHTMLメールのテンプレートをブラウザ上で編集し、そのままHTMLソースをダウンロードして使うことができます

業種や目的、季節に合わせたデザインのテンプレートを検索し、お好みのテンプレートを選択します。

ブラウザ上で、パーツをドラッグ&ドロップしながら編集し、完成したらsaveしてテンプレートをダウンロードするだけなので、イメージ通りのHTMLメルマガを作れますよ。

BeeFreeのテンプレートを使って、手軽にスタイリッシュなメルマガを作成しましょう。

(3)テンプレート数が豊富な『Open Source Email Templates』

3つ目のおすすめの無料のHTMLテンプレートは、CakeMailが提供しているデザインテンプレートOpen Source Email Templatesです。

季節などバリエーションが豊富で、メルマガの内容に合わせて読者に効果的に訴えかけるHTMLメルマガを簡単に作成できます

洗練された50種類以上のテンプレートの中から気に入ったものを選んでお使いください。

Open Source Email Templatesのテンプレートを使って、おしゃれなメルマガを作成しましょう。

(4)ビジネス・イベント告知まで幅広く使える『Cakemail』

4つ目のおすすめの無料のHTMLテンプレートは、cakemailです。

50種類上のテンプレートを無料で提供しており、そのジャンルもビジネスからイベント告知、季節ものまで幅広いのが特徴です。

テンプレートをダウンロードして書き込んでいくだけなのでコーディングに詳しくない方でも無理なくデザイン性の高いHTMLメルマガを作成できます。

Cakemailのテンプレートを使って、デザイン性の高いメルマガを作成しましょう。

(5)目的にぴったりのデザインが見つかる『CampaignMonitor』

5つ目のおすすめの無料のHTMLテンプレートは、CampaignMonitorです。

様々なテーマの無料テンプレートが100種類以上あり、気にいったテンプレートをその場で編集できます。

作成したメルマガをプレビューで確認し、OKならばそのままダウンロードしてお使いいただけるのでとても簡単ですよ。

CampaignMonitorのテンプレートを使って、ビジネスに役立つメルマガを作成しましょう。

メルマガのテンプレートについて、もっと詳しく知りたい方はこちらをご覧ください。

メルマガでテンプレートを使用する3つのメリットと6つの注意点

2.センス抜群!真似したいメルマガデザイン例10選

次に、読者の目を惹く優れたデザインのメルマガ10選を紹介します。

スマホの普及に伴い、国内外の企業のメルマガの主流はすでにHTMLメールとなっています。

  1. NISSAN
  2. LAWSON
  3. KIRIN
  4. ジョージア
  5. NISSAN
  6. イオン
  7. JTB
  8. CASIO
  9. EDWIN
  10. 郵便局

どの企業も、イメージやメルマガの目的に合わせてデザインを工夫をし、見やすくわかりやすいメルマガとなっていますよ。

自社のHTMLメルマガ作成時の参考にぜひご覧ください。

(1)NISSAN

1つ目のおすすめメルマガデザインは、NISSANです。

車好きなら興味を持つようなコンテンツを、画像を使ってわかりやすく紹介しています。

カラフルな車を引き立てる清潔感のある白を背景に、読者に伝えたい情報が過不足なく整理され表示されています

また、車好きや車購入を考えている読者の心を引き付ける情報を整理して紹介しています。

右側のテキスト版のメルマガと比べれば、HTML版は色の華やかさや賑やかさが各段にアップし、読者が引き込まれるデザインであることがわかるでしょう。

NISSANのメルマガデザインを参考に、読者に響くメルマガを作成しましょう。

(2)GU

2つ目のおすすめメルマガデザインは、GUです。

コスパの良いウエアが揃うGUらしく、トレンドを抑えたアイテムをメインに紹介しています。

文章を少なく、画像を大きく載せることで、何をメインで伝えたいか・アピールしたいものが何なのかが一目瞭然ですね。

ヘッダーで各ジャンルへのリンクが設定されていて、すぐにサイトへ移動できるようになっているなどきめ細かい配慮が秀逸です。

『先行発売』『大幅値下げ』など読者の興味を引くワードも適宜取り入れ、思わずクリックしたくなるようなデザインです。

GUのメルマガデザインを参考に、アピール力の高いメルマガを作成しましょう。

(3)ローソン

3つ目のおすすめメルマガデザインは、ローソンです。

新商品やキャンペーン、オトク情報など様々な情報が全て同じサイズのバナーで整然と並べられたメリハリの利いたデザインです。

ブロックごとに情報が整理されているので情報量が多いのにも関わらず見やすいのも大きな特長ですね。

キャラクターをメインに使い、親しみやすい雰囲気を演出してます。

読者に訴えかける画像を多用し、分かりやすさとキャッチーさで読者をひきつけるHTMLメルマガといえるでしょう。

LAWSONのメルマガデザインを参考に、キャッチーなメルマガを作成しましょう。

(4)KIRIN

4つ目のおすすめメルマガデザインは、KIRINです。

これまでのメルマガに比べて商品説明の文章が多めですが、余白部分をバランスよく配置することで落ち着いてゆっくり読めるデザインとなっています。

文字のサイズ・色使いともに高いセンスや上品さを感じるシンプルなメルマガデザインですね。

KIRINのメルマガデザインを参考に、ブランドイメージの向上につながるメルマガを作成しましょう。

(5)ジョージア

5つ目のおすすめメルマガデザインは、ジョージアです。

同じ業種であるKIRINのメルマガと比較すると、あえて商品を説明する文章は控えて情報量を制限し、画像で読者の興味を引き、気になった人をサイトに誘導するスタイルを採用しています。

全体的にカラーも多様し、賑やかで勢いを感じさせるデザインです。

『限定』『占い』など読者が関心を寄せやすいコンテンツを載せて楽しめるようにしているのも、一つのテクニックですね。

ジョージアのメルマガデザインを参考に、華やかなメルマガを作成しましょう。

(6)イオン

6つ目のおすすめメルマガデザインは、イオンです。

カラーは同系色でまとめて統一感を出し、文書と画像をバランスよく配置しています。

『クーポン付き』『お買い得商品』などメルマガにお得感を出し、読者が欠かさずチェックしたくなる情報も載せることで、さらに開封率を高めています。

イオンのメルマガデザインを参考に、読者の興味を引き付けるメルマガを作成しましょう。

(7)JTB

7つ目のおすすめメルマガデザインは、JTBです。

旅行会社のメルマガらしく、読者の心をくすぐる旅先の画像を使い、説明をくどくど書かなくても興味を引き付け、サイトへの誘導率を高めています

シーズンにぴったりの商品や開催中のキャンペーンの紹介など、旅行代理店の店頭を思わせるコンテンツがきれいにまとめられています。

JTBのメルマガデザインを参考に、インパクトのあるメルマガを作成しましょう。

(8)CASIO

8つ目のおすすめメルマガデザインは、CASIOです。

トップに最も伝えたい情報を載せることでインパクトを与えつつ、全体的に色を抑えて高級感を出すデザインとなっています。

その後は、ピックアップした商品を並べて紹介するというシンプルなデザインですが、画像を個々に使うことで商品説明をそれぞれ書かなくてもイメージがつかみやすくなっています。

CASIOのメルマガデザインを参考に、読者の興味を引き付けて離さないメルマガを作成しましょう。

(9)EDWIN

9つ目のおすすめメルマガデザインは、EDWINです。

トップに最も伝えたい情報を掲載した後は、余計な説明は一切入れず、おすすめの商品の情報を紹介するシンプルなデザインです。

カタログを見るようにサクッと読めるデザインなので、読者もストレスなく楽しめるメルマガとなっています。

EDWINのメルマガデザインを参考に、おしゃれなメルマガを作成しましょう。

(10)郵便局

10つ目のおすすめメルマガデザインは、郵便局です。

テーマカラーの赤を中心に、画像を詰め込みすぎず、余白を生かした余裕を持ったデザインとなっています。

文章は多めですが、郵便局のイメージに合った落ち着いた雰囲気にすることで企業イメージを高めることに成功しているといえるでしょう。

郵便局のメルマガデザインを参考に、読者を引き込むメルマガを作成しましょう。

 まとめ

ブランディングやマーケティングに重要な役割を担うメルマガは、読者にとって最も身近な企業の顔といっても過言ではありません。

開封したはよいものの、読みづらいメルマガや何を伝えたいかわからないメルマガ、ブランドイメージを損なうメルマガは、そのまま自社への距離感を広げてしまうおそれがあります。

メルマガが逆効果にならないように、メルマガはテキストタイプではなく、直感的に興味を持たせることができ視覚的訴求ができるHTMLタイプにすることとと、デザインを工夫し読者が読みたくなるものにしましょう。

デザインを考えるのは苦手という方も、無料のテンプレートを使えば簡単にデザイン性の高い魅力的なHTMLメルマガを作れますよ。

また、HTMLメールにすれば、効果測定など配信したメルマガの影響も合わせて確認でき、より読者のニーズに合わせたメルマガ作成ができることでしょう。

メルマガを今まで以上にビジネスに役立てるためにも、今回紹介した無料のHTMLメルマガテンプレートと参考例を活用して、より身近に自社を感じてもらえる最強のメルマガを作りましょう。

デジマチェーンに参加しませんか?

デジマチェーンでは定額制のデジタルマーケティング支援会員サービス「デジマチェーン」を提供しています。

デジマチェーンで利用できるサービスは以下があります。

  1. デジタルマーケティングの専門家やツールベンダーとつながる「DCパートナー」
  2. 最新のデジタルマーケティング情報やウェビナーに参加できる「DCサポート」
  3. 手数料無料で利用できるクラウドソーシングサービス「DCマッチング(2020年12月提供予定」

デジタルマーケティングを成功させるために「ヒト、モノ、サービス」の3つを定額で提供しており、これらのサービスを月額1万円(税抜)だけで利用することができます。

デジマチェーンの参加詳細はこちら

関連記事

  1. メルマガの開封率とは?開封率を上げるための5つのポイントを解説!

  2. Twitter広告配信のための3つの設定手順!初心者でも簡単!

  3. Facebook広告の6つの効果!費用対効果が高い理由も!

  4. HTMLメルマガも簡単作成!配信ツール選びのポイントとおすすめ5選

  5. Facebook広告の出し方を徹底解説!初心者でも今日からできる!

  6. Facebook広告の画像サイズとは?初心者でも簡単に設定可能!

  7. 最強の集客ツール?!LINE公式アカウント始め方!使い方!集客力の測り方

  8. マーケティング オートメーション(MA)とは?おすすめツール3選

  9. メリット

    メルマガ担当者必見!開封率を上げるメルマガの書き方の2つのポイント

  10. メルマガを始めるべき?メリット・デメリットや作り方を徹底解説!

  11. 最強集客ツール?!ホームページ始め方!使い方!集客力の測り方!

  12. 読者にメールを閉じさせない!効果的なメルマガ装飾5選と3つの注意点

  13. どうやったら集客が集まるの?集客の3つの悩みと集客のコツ7選

  14. 【目的別】6つのマーケティングオートメーション(MA)の比較一覧

  15. Twitter集客で失敗しない(今すぐ実行可能な)6つのコツ決定版!

閉じる