Tag Archives: メルマガデザインの基本
基本のメルマガ配色「白＋黒＋1色」でクリック率を最大化する方法
メルマガを作るときに、色の使い方に悩む方は多いのではないでしょうか。 メルマガの配色は見た目の印象だけでなく、クリック率などの成果にも大きく影響する要素です。 とはいえ、難しいデザイン知識は必要ありません。 配色で絶対に外してはいけないポイントは、「読みやすさ」と「ブランドイメージとの一致」のたった2つだけです。 この記事では、初心者でも失敗しにくく、クリック率向上を目指せるメルマガ配色の基本として「白背景＋黒文字＋1色のアクセントカラー」のシンプルなルールをご紹介します。 1. メルマガにおける配色の重要性 メルマガは、読者が数秒〜数十秒といった短時間で情報を流し読みするメディアです。 参考：メールマガジン購読状況調査 2023年度版 だからこそ、配色が適切であれば、次のようなプラスの効果が期待できます。 文字が読みやすくなり、スクロール率が上がる 情報が整理され、内容を理解しやすくなる ブランドの世界観が伝わり、信頼感が高まる ボタンやリンクが目立ち、クリック率が上がる 配色は「好感度を上げるための要素」と思われがちですが、実際は コンバージョンなどの成果に直結するマーケティング要素といえますね。 2. メルマガ配色で最も大切なのは「読みやすさ」と「ブランドイメージとの合致」 目を引く大胆な配色は印象に残りやすい反面、デザインの基本ルールを理解・応用した上で配色されていないと、読みづらさにつながるリスクがあります。...
January 8, 2026
ECサイトのメルマガデザイン基本の3パターンと作成ポイント
ECサイトにおけるメルマガの目的と効果 ECサイトにおけるメルマガは、自社商品の魅力や最新情報を定期的に届け、購買につなげるための重要な接点です。 一般的なメールの平均開封率は23％程度ですが、これを件名をクリックする割合だと考えると、検索広告やSNS投稿をクリックする割合（平均数％）と比べて非常に高い数値です。 つまりメールは、すでにブランドに関心を持っている、熱量の高い顧客に直接アプローチできるチャネルだと言えます。 そのため「リピーター獲得・アップセル」や、「ブランディング」に効果が期待できます。 ECサイトのメルマガの種類 ECで特に売上につながりやすいメルマガとしては、次の2種類が代表的です。 ● 商品紹介メール 新商品・人気商品・再入荷品など、売りたい商品をピンポイントで紹介するメール。 読者の興味に合えば、最も直接的に購買につながります。 ● クーポンメール キャンペーン・割引・期間限定セールなど、価格メリットで購買を後押しするメール。 「今買う理由」を作る施策として非常に強力です。 他にも、ブランドストーリーや、使い方、お役立ち情報の発信などを通して興味関心を醸成することも有効です。 こうした前提を踏まえた上で、最もよく活用されている商品紹介メールのデザインを本記事では解説したいと思います。 商品紹介メールのデザイン要素 商品紹介メールを効果的に作るために、特に押さえておきたい基本要素がこちらの5つです。 1....
November 27, 2025
メルマガ用の画像選び6つのポイント！どんな画像を載せるべき？
画像をメルマガに掲載することで、ブランドや商品のイメージを効果的に伝えることができ、クリック率や売上の向上が期待できます。しかし、慣れないうちはどのような画像を載せればいいのか悩んでしまうのでは無いでしょうか。 今日はメールでよく使われる6種類の画像について、それぞれの効果や使い方を具体例とともに説明します。必ずしもすべての画像を使う必要はありませんので、ご自身に必要なものを選んでください。 なお、本記事は動画版もご用意しています。 ①ロゴ画像 ロゴ画像は一般的に、メルマガのトップに配置されます。ロゴはそのブランドを象徴し、読者のブランド認知を高める役割があります。 これによりメルマガの信頼性が向上し、開封する際にすぐにブランドを識別できるようになります。 ©️ Forever 21 ©️ Adidas 関連記事：【デザイン事例19種類】メルマガのヘッダー&フッターを作るコツ ▲目次に戻る ②トップ画像 トップ画像はメルマガの冒頭部分に配置され、目を引く役割を果たします。 きれいな風景や商品の特徴を強調する画像など、読者の興味を引く画像を選びましょう。 また、キャッチコピーを添える場合は幅広い人に刺さるテーマがおすすめです。 ©️ NH Hotels 例えば上記のメルマガでは「夏を満喫しよう」というテーマを掲げています。このほうが「ローマを満喫しよう」など旅行地を限定したキャッチコピーよりも、幅広い人に訴えかけることができますよね。...
August 19, 2024
クリック率UP！メルマガのCTAを目立たせるデザインや場所、言葉選び
CTAとは「Call To Action = 行動喚起」のことで、読者を具体的な行動に誘導するしくみを指します。 メルマガにおいてはリンクのことですが、このCTAをしっかり目立たせることで、クリック率の向上が期待できます。 工夫するべきは「デザイン」「場所」「言葉選び」の3点です。 本記事ではこの3点を解説して、ご自身のメルマガにぴったりなCTAを選ぶお手伝いをします。 CTAのデザイン CTAのデザインには以下の4種類があります。 A. URLや連絡先を直接記入する形式 B. テキストリンク C. ボタンリンク D. 画像リンク それぞれの特徴やメリット、使うときのコツを解説します。 A....
February 19, 2024
コンバージョン率UPにつながる？メルマガデザイン紹介サイト8選
※こちらの記事は2017/9に公開した記事にアップデート情報を追記したものです。 こんにちは、デザイン担当のBEDです。 メルマガのデザインは商品の魅力を伝えることや、購入などのコンバージョン率アップに大きな役割を果たします。 そこで今回は、ありとあらゆるジャンルのメルマガのデザインを集めている海外のサイトを中心に紹介します。ちょっと見るだけでも参考になるので、デザインに迷った時に見てもらえると良いと思います。 サイトごとに個性がありますので、検索機能や掲載事例数も紹介します。 一番使いやすい「Email-Gallery」 Email-Gallery 絞り込みフィルタ： 業界 色 カラム数 掲載数：1700通以上 Email-Galleryの特徴 カリフォルニアのデザイナー、Min Kimさんが運営するサイト。有名企業も含め豊富なデザインを紹介しています。バランスが取れているので慣れていない人にもわかりやすく、はじめに見るサイトとしておすすめです。 絞り込み機能がわかりやすく、業種別とカラー別で絞り込むことができて実用的です。1カラム・2カラム・3カラムのカラム別でも調べることができるのはこのサイトだけです。 絞り込みは左上の「Browse」ボタンから行うことができます。また、検索窓にはワードを打ち込むことができますので「Restaurant」などご自身の業界を打ち込んでみるといいでしょう。 掲載数とカテゴリ数No.1「Really Good...
December 1, 2023
メルマガ読者を引き込む！見出しのデザイン9パターン
こんにちは、メールマーケティングアドバイザーの山本です。みなさんはメルマガを読むとき、1文字目から順番に読みはじめますか？まずはパッと全体を見て、どんなことが書いてあるか予想して、そのメールを読むかどうかを決めるのではないでしょうか。 メルマガでは「見出し」を使って、内容をわかりやすく示すと効果的です。 [caption id=\"attachment_37804\" align=\"aligncenter\" width=\"400\"] 見出しを置いて、内容をわかりやすくしているメルマガの例[/caption] 見出しとして目立たせるには、本文（地の文章）とはどのようにデザインを変えればいいのでしょうか？本記事では、見出しのデザイン9パターンをご紹介します。特別なツールを使わなくてもBenchmark Emailのエディタ上で設定できるものがほとんどですので、ぜひ試してみてください。 1.太字（ボールド体）にする フォントを太字（ボールド体）にするだけで、そこが目立って見えます。Benchmark Emailのエディタでは、文字をドラッグして「B」ボタンを押すと太字にできますよ。 2.フォントサイズを大きくする 文字の太さを変えずに、フォントサイズを大きくするという方法もあります。 太字（ボールド体）と組み合わせると、さらに見出しを目立たせることができます。どの程度目立つのがちょうどよいかは、メルマガを見ながら調整しましょう。 エディタでは＋ーのボタンでフォントサイズを変更できます。 3. フォントの色を変える フォントの色を変えることでも、見出しを目立たせることができます。 太字（ボールド体）、大きなサイズ、色といった3つの要素をすべて組み合わせると、かなり目立つ見出しにすることも可能です。ただしやりすぎにならないように注意しましょう。...
July 12, 2023
無料でもここまでできる！Canvaでおしゃれなメルマガ用画像を作ろう
メルマガではイメージ画像がとても重要な役割を果たしますが、当記事では日頃から「オシャレな画像を自分で作れたらいいのに」とお考えのメルマガ担当者の方へ、私たちも利用していて無料版もあるグラフィックデザインツール「Canva」をご紹介します！ 左：画像のないメルマガ 右：ロゴやアイキャッチの入ったメルマガ 有料版ではとても豊富な機能が使えるのですが、今回は無料版のCanvaで、実際にBenchmark Emailが配信するメルマガに載せる画像を作りながら使い方をご説明していきます！ 本記事でご紹介する画像の例 Canvaとは Canvaとはどのようなツールかご存知でしょうか？ オンラインで使えるグラフィックデザインツール 豊富なテンプレートと素材（写真、イラスト、動画など）がある ドラッグ＆ドロップの簡単操作で誰でも簡単に操作できる ガイドラインや色彩サジェスト機能があるので、バランスを崩さず編集できる データは画像、Gifアニメーション、動画、PDFといった形式で書き出しができる テンプレートや素材が豊富にある（有料版では61万点のテンプレートと1億点の素材）ので、デザイン経験がなくてもきれいで見やすい画像を作ることができます。 Canvaでメルマガ用の画像を作ろう まずはメルマガに入れてみたい画像は、こちらの3種類ではないでしょうか。 （A）メルマガ最上部のヘッダー画像 →ブランドロゴを入れることで、認知度アップが期待できる （B）商品や記事のアイキャッチ画像 →画像で興味を引くことができ、クリック率アップが期待できる...
May 15, 2023
メルマガデザイン初心者でも90点レベルのHTMLメールを作れる6つの思考
こんにちは。Benchmark Emailメールマーケティングアドバイザーの山本です。 「文字の大きさや色などデザインの工夫しているはずなのに、読者に伝わらないメルマガになってしまった」という経験はありませんか？ 逆に「情報が分かりやすく、意図した誘導につなげやすいこと」と「企業イメージに沿っていること」が達成できれば、メルマガデザインの目的のうち9割は果たしたと言えるでしょう。今回はメルマガデザインの「90点」の答えにたどり着くまでの手順を解説いたします。1ステップごとに経過のデザインをお見せしますので、デザインが得意でない方もわかりやすいと感じて頂けるはずです。 原稿→途中経過→完成したメール 今回あなたはハンバーガーチェーンのメルマガ担当で、目標は「配信当日に発売する新メニューの訴求」「配達注文の獲得」だとしましょう。原稿担当者からは、こんなメルマガ用原稿を渡されました。どんなメルマガにするか少し考えてみてください。 （拡大する） 完成したメルマガを、先にお見せしますね。 いきなりこのデザインを思いつくのは難しいと思うかもしれませんが、今回ご紹介する情報整理の5ステップを踏んでいけば、このようなメールを作ることができますよ。 （全文を見る） 1.原稿に数字（階層）を振ろう まずは原稿内の要素を2〜5段階程度の階層に分けます。 原稿にはコーナー名、商品名、記事名、価格、説明文など、情報の種類やレベルに差があるはずです。情報の種類やレベルごとに文字デザインを揃えると読みやすいメルマガになりますので、まずはその準備を行います。 たとえば、こちらが原稿の状態です。 （拡大する） これにラベリングしたものがこちらです。 （拡大する） このように階層ごとに番号をつけていくのですが、はじめに「見出し」に①の番号を振りましょう。見出しの重要性については、普段目にする資料を思い出してみてください。見出しが「1....
January 28, 2023
HTMLメルマガ作成で役立つ画像サービス20選
こんにちはBEDです。 HTMLメールやページ作成時に、必要な画像を探すのに苦労したことはありませんか？そんな時、僕は無料や有料で画像を使用できるサイトを使っています。 これからご紹介するサイトをブックマークしておき、HTMLメールを作成する際にぜひ使ってみてください。 画像サイト利用時の注意点 まずは、画像素材サイトを利用する前に以下の確認を事前にしておきましょう！ サービスによって、有料、無料があるのでどちらにするか確認 著作権、利用許諾について確認 画像は商用利用可なのか？有料プランなら良いのか？どの様な用途に利用できるのか？など、サイト上の画像を利用する際には、著作権、利用許諾について必ずサービスの利用規約を確認しましょう。 例えば、クライアントのメルマガ作成など、無断使用で画像を使った際にトラブルになりかねませんので、事前の確認は必ずしてくださいね！ それでは、各サイトを国内外合わせてご紹介します！ 日本の画像素材サイト ぱくたそ 無料素材の代名詞と言ってよいほどその界隈では有名なサイトだと思います。フリーのモデルを起用した面白い画像が特徴の画像素材サイトです。人物、風景、料理など幅広く素材があることもオススメのポイントです！検索もしやすいです。 使用料 商用利用 加工 クレジット表記 ユーザー登録 無料 ◯...
June 2, 2022
