Skip to content

Series Posts: HTMLメールデザイン

HTMLメールデザイン

メルマガデザインの基本テクニック7選!色やフォント、レイアウトの考え方とは?

*本記事はBenchmark本社のブログ記事を翻訳したものです。 こんにちは。マーケティングスペシャリストのフランスです。 マーケティング戦略として大半の企業がメールを活用していると思いますが、ただメールを送るだけでは期待する利益は保証されません。 購買意思決定には、デザインやビジュアル要素が大きく影響します。 メールコンテンツにビジュアルをうまく取り込むことでメールが際立ち、読者は興味を持ち続け、最終的にコンバージョンへつながるのです。 今回は、読者のエンゲージメントを高めるためのメルマガデザインの基本テクニックをご紹介します。 適切な色を選ぶ 色は商品やブランド、さらにメールのコンテンツに対する読者の考え方に大きな影響を与えます。 ニュースレターにしろプロモーションキャンペーンにしろ、メールデザインの色の選択によって読者に訴えるものが違ってきます。 基本的には、企業を代表する主なブランドカラーを使うようにしましょう。ユーザーへの認知拡大に繋がります。 しかし、お祝いムードのキャンペーンのプロモーションなら、メールの件名を一段と強調して、ブランド色でないカラーを使うことも可能です。例えば、クリスマスキャンペーンなら赤、緑、白、バレンタインなら赤、ピンク、白を基調にしてもいいでしょう。 どんな色を選んだとしても、一貫性を大切にし、色をたくさん使い過ぎないようにしましょう。 カラー心理学によると、色は人間の異なった感情を連想させるそうです。読者の注目を引きたい感情に合った色を戦略的に選ぶことをお勧めします。 以下、マーケティングキャンペーンによく使われる色とその色が持つ読者への心理効果を紹介します。 赤色 情熱や興奮を喚起します。赤はひときわ目立つ色なのでメールのコンテンツに緊急性を持たせます。また、この色は空腹を促すとも言われいます。 おすすめジャンル:食べ物、旅行、スポーツ関連 黄色 知的で陽気なイメージの色なので、人を愉快で幸せな気持ちにさせます。 また、赤と同様に黄色は空腹を促すので、フード関連のコンテンツにも使えます。...

January 19, 2020

HTMLメールデザイン

メルマガ登録フォームはWebサイトのデザインを壊さずに目立つのが大事

こんにちは、ライターの遠藤です。 メールマガジンを送る相手(読者)を増やすために、Webサイトに「登録フォーム」を設置している方も多いと思います。 メールマガジンの入り口である「登録フォーム」ですが、Webサイトのデザインの調和を乱したりしていませんか? 手本になるメルマガ登録フォーム いくつかBenchmarkを使っている会社のなかから、登録フォームをWebデザインと、うまく合わせているところをご紹介します。 Bizna Biznaは、サイドバーに「メールマガジン登録フォーム」を設置しています。Benchmarkの「埋込み型フォーム」を使っていますね。 入力項目が「メールアドレス」だけというのもシンプルですが、背景色をWebサイトと同じにしてあったり、ボタンの色も「緑(緑は青と黄色が混ざった色)」が使われていています。 Webサイトのデザインを壊すことなく、バランスが取れた登録フォームですね。また、適度に目に留まるので、登録フォームがあることを、Webサイトの訪問者が認知することができますね。 創業手帳Web 創業手帳Webはメールマガジン購読用のページを用意をしています。サイドバーには、購読ページへのバナー画像が貼られていますね。 登録フォームで入力項目が多い場合に、無理に設置するとサイドバーやページのバランスが崩れてしまうことがあります。そのような場合には、メールマガジン購読用の専用ページを用意して、登録フォームを設置するといいでしょう。 創業手帳の登録フォームはBenchmarkの「クラシックフォーム」を使っていますね。 関連記事:メールのリンククリック率30%以上!創業手帳が行うBtoB向けメールマーケティング – Benchmark Email マーケティングブログ WEBマスターの手帳 最後に手前味噌ではありますが、私が運営している「WEBマスターの手帳」です。Benchmarkの「埋込み型フォーム」を使っています。...

January 5, 2020

セミナーレポート

動画のクオリティは本当に大切か?メールマーケター向け動画活用のポイントを詳しく解説

こんにちは、動画セミナー講師の前田です。 2019年11月21日、メールマーケターのための動画活用セミナーを開催しました。 テキストや静止画だけでは伝わりにくい商品の詳しい使い方やイベントの様子など、動画にして伝えたい情報は、各社各商品ごとにあります。 今回のセミナーでは、メールマーケティングで動画を活用するにあたり、どのような情報を動画にすることが効果的なのか?また、動画制作におけるクオリティの考え方などについて、事例を交えてお伝えしましたので動画活用のポイントについてご紹介したいと思います。 制作する動画のクオリティについて 動画を制作しようとすると、つい「クオリティの高い映像にしなくてはいけないのではなはいか?」と思ってしまわないでしょうか?日常的にテレビCMやアーティストのMVなどを見てきた方々にとって、映像は常に高いクオリティものもという固定概念があります。 しかし、そうした映像は主にプロモーションのためであり、テレビCMであればテレビ番組の間に、視聴者の興味関心を強引にでも獲得するためにつくられたものです。そのCMを見ようとしてテレビの前に居座っているわけではない人々の注目を引くために、旬のタレントを起用する。見たことのないロケーションで撮影する。華麗な編集効果を施すといったことを行います。 そうしたことをすると、必然的に制作コストは高くなっていきます。この関係性を図にしたものが下図です。 下の横軸が、その映像を見て、動かさなければいけない視聴者の心の幅。 縦軸がそうした映像を制作するときのコスト。 上の横軸では、下の横軸の「高」と「低」が逆転していて、ユーザーとの関係性や文脈度を表しています。 上述したテレビCMは、ユーザーとの関係性が低いため、心の幅を大きく動かさなければいけない映像をつくる必要があり、それため制作コストも高くなる、という構図になります。 では、メールを送っていいという許諾を得た、みなさんの手元にあるメールアドレスの所有者と、みなさんの企業・ブランドとの関係性はいかがでしょうか? テレビCMのように、まったくそのCMに興味がない方へ注目させる動画を作る必要があるでしょうか? 強引に獲得したアドレスならともかく、ユーザーが自主的に登録したアドレスであれば、動かさなければいけない心の幅が高くなくていいはずです。 そのため、トライアル商品を申し込んだユーザーに、メールで送る商品の使い方動画は、旬のタレントを起用したり、ものすごい編集効果を施す必要はありません。 ある程度関係性ができているユーザーであれば、照明技術、演出技術、人の演技など、テクニカルな映像のクオリティは高くなくても良いのです。 では、クオリティが高くなくてもユーザーに喜ばれる、受け入れられる動画をどうつくればよいのか、これには大きく3つのポイントがあります。 ポイント①動画化する価値の高い情報を絞り込もう まず、動画をつくるといっても、すべての情報を動画にする必要はありません。みなさんがつくるメールコンテンツ、あるいはメールをクリックして遷移するwebページやブログなどには記事や写真が存在するはずです。...

December 22, 2019

HTMLメールデザイン

イベントレターに欠かせない!購読者の心を動かすための7つの注意点

こんにちは、デジタルマーケティング専門ライターのKayla(カイラ)です。 「メールってまだイベント告知や集客に適切なの?」と思うマーケティング担当者の方も多くいると思います。 しかし、メールの効果はいまだ絶大です。ソーシャルメディアが増え続けている2019年もなお、個人のメールアカウントを持つユーザーの数はFacebookやTwitterのユーザーを大きく上回っており、今後もさらなる増加が見込まれています。 関連記事:SNS×メールマーケティングで顧客接点を拡大するには? また、メールでは受信者の情報をセグメント化し、具体的にターゲット層を絞って必要な情報を届けられる利点があります。 今回は、イベントレターを作成する際の7つのポイントをお伝えします。 スマホを意識したレイアウトを 今日、ほとんどの人がスマホなどモバイルデバイスでメールを読んでいます。そのため、スマホ上で読みやすいイベントレターを作成することを意識しましょう。 ・1段落あたりを短く作る ・見出しや箇条書きにして、コンテンツを目で読み取れるようにする ・大きな画像は挿入しない ・小さな画面でも読みやすいフォントとサイズを意識する ・ウェブサイトへのリンクを貼り、後で詳細を確認できるようにする 上記はイベントレター作成時に限らず、オンラインコンテンツ作成時にも当てはまるコツです。読者を逃さないようにしっかりとポイントを押さえておきましょう。 件名は慎重に 件名を考えるときは、下記のポイントを意識しましょう。 1.緊急性:「残席僅か」、「締め切り間近」、「明日まで」などの単語を使うことで、読者の意識をイベントレターに引きつけることができます。 2.パーソナライゼーション:読者の名前をメールの件名に含めることにより、目を引くことができるとともに、相手との距離をグッと縮めることができます。 3.オファー:件名で「無料」「30%オフ」などのオファーを示すと効果的です。1番の「緊急性」と併せることでより魅力的な件名となります。 4.簡潔さ:イベントレターの最適な長さについては様々な意見がありますが、基本として短く、簡潔にまとめましょう。件名が長すぎる事によって、読者を混乱させたり、読む価値のないものと思われたりすることもあるからです。...

December 8, 2019

HTMLメールデザイン

メルマガでクリック率を高めるための7つのヒント!CTAを設置した効果的なメールの作成方法

こんにちは!カスタマーサクセス担当の林です。 Webマーケティングの成功の大部分を占めているのは、効果的なメルマガ配信です。 AmazonやeBay、Googleなどを始めとする国際的トップ企業はすべて、クロスセルやアップセルを行うのにメールを活用しています。事実、メールのニュースレターのおかげで非常に多くの売り上げが生まれているのです。 しかし、すでにメールマーケティングを取り入れているのにうまくいっていないという場合は、単純にCTA(コール・トゥ・アクション:行動喚起)が欠けているのかもしれません。 重要なのはCTA(コール・トゥ・アクション) CTAとは、ユーザーに特定のアクションをとるよう促す単語やフレーズ、またはボタンのことを指します。CTAはソーシャルメディアや広告バナー、動画やメールまで、ユーザーに向けた全てのコンテンツにおいて使用できます。 CTA は、以下のことを目的として使用されます。 ・リード(見込み顧客)の生成 ・リードの増加 ・ソーシャルメディアでの拡散 ・セールス ・オーディエンスの維持 ・イベントのプロモーション CTAはより多くの顧客獲得の機会と、顧客に望ましい行動を引き起こさせる可能性を備えています。 しかし残念なことに、多くの企業オーナーは、CTAを利用したメールマーケティングにあまり関心を持っていません。小規模のB2B企業の約70%がCTAを使用していないために、自社にとっての最高の顧客を見つけられずにいます。 ではむやみにCTAを取り入れれば良いのかというと、それだけではメールマーケティングは成功しません。CTAのデザインには注意を払う必要があります。 効果的なCTAを設置する7つのヒント 1. 形式を選択する...

November 4, 2019

HTMLメールデザイン

人気ファッション誌VOGUEから学ぶ!6つのメールマーケティングトレンド

アメリカのVOGUE購読者は1570万人に達しています。数年前の統計ですので現在はもっと増えているに違いありませんが、世界中に何百万人もの購読者がいると想像してみて下さい。 VOGUEはメールマーケティング戦略を継続的に強化していくことで、新鮮でオリジナリティー溢れ、魅力的な内容に新規購読者を引き込んでいます。 VOGUEのメールマーケティング専門家が、今年の効果的なトレンドを届けていますので、ぜひお手本にしてください。 モバイルユーザーを引き付けるVOGUE モバイルユーザーを惹きつけるという発想は新しいものではありませんが、どういうわけか多くのマーケターが今だに避けています。彼らは、モバイルの大きな可能性と、モバイルユーザーを自分のブランドに取り込むことの重要性に気づいていません。 まだ優れたモバイル戦略をお持ちでない場合は、VOUGEを参考にしてみてください。VOGUEには雑誌のデジタル版アプリがあり、熱心な読者はいつでもどこでもVOUGEのコンテンツとすべての最新のファッショントレンドを知ることができます。 しかし、どのようにしてVOGUEは読者にモバイルアプリを手に入れさせるのでしょうか。VOGUEは彼らにメールを送るのです!上記の画像をメールで送り、利用可能なタブレット全てを紹介し、お好きなモバイルデバイス向けのアプリをダウンロードしてもらうよう購読者を促しています。 コンテンツ用のアプリがない場合は、ただ単にWebサイトがモバイル向けであることを購読者に知らせています。 94%もの人がレスポンシブであるかどうかでウェブサイトを判断していることをご存知でしたか?モバイル対応したサイトでないと、成長と高いROIを実現する多くの機会を失います。メールニュースレターはそれを宣伝し、モバイルユーザーを引き付けるための最良のツールです。 参考記事(英語):8 STATISTICS THAT PROVE RESPONSIVE WEB DESIGN IS ESSENTIAL TO SEO...

August 29, 2019

HTMLメールデザイン

メールデザインの参考に!読者の心を動かすメール海外事例大特集!

*本記事は、オーストラリア発のグラフィックデザインツール“Canva”のサイトに掲載されているMary Stribley氏による記事“40 examples of beautiful email design to inspire your own newsletter)”の翻訳記事です。 メールマーケティングは、過去の産物ではありません。 2016年末には、世界中で使用されるメールアカウントの総数が43億を上回りました(参考)。デジタル化を好まないとしても、メールを使用する時代に私たちは暮らしているのです。知ってのとおりメールは相手に速く届きますし、一番重要なことは「効率的なこと」ですからね。 メールマーケティングの成功を証明する興味深い統計の1つを例に出してみましょう。McKinsey & Companyは、FacebookやTwitterを用いることと比較して、メールを用いることで新しい顧客を40倍もの高確率で獲得できると公表しています。 あなたが新規事業を始めたばかりの場合、もしくはメールマーケティングの成功をうまく活用したい場合には、素敵なデザインを施したメールを、顧客や消費者向けに作成し送信することが、他の企業の先手を取る重要なポイントになります。多くの会社がビジネスのためにメール配信をしているので、素晴らしい見栄えのメールで読者の関心を瞬時に引きつける必要があります。見る価値のあるメールを配信することで、読む以前に読者がメールを削除してしまうリスクを避けることができるのです。 より多くの読者を獲得するために、あなたの会社の顧客や消費者も参加させ、メールマーケティングのキャンペーンを策定してみることも良いでしょう。プロのデザイナーがどのようなメールデザインを作り出したのかを、このコラムで見ていきましょう。このコラムが本当に素晴らしいメールデザインを作るキッカケになることを願っています! Beautiful-email-newsletters.comが手がけたメールデザインを参考例として、このコラムに多く掲載しています。...

November 8, 2018

HTMLメールデザイン

メールデザインの最先端!リッチコンテンツ活用と10の注意点とは?

*本記事はDisneyやNational Geographicなどを手がける米国の著名なEメールデザイン会社”Email Monks”のKevin氏による寄稿“How to Boost Engagement Using Rich Media in Emails”を基にした記事です。 かつては友人や家族と連絡をするために利用されていたEメールは、今や最も費用対効果の優れたマーケティングチャネルとなりました。 Direct Marketing AssociationやDemand Metricの調査によると、メールマーケティングの費用対効果(ROI)の中央値は122%で、これはソーシャルメディア(28%)、ダイレクトメール(27%)、リスティング広告(25%)、ディスプレイ広告(18%)などのマーケティングチャネルと比較しても4倍以上優れたパフォーマンスを記録しています。 近年ではHTMLメールの普及と共に、イメージ画像、GIF画像、シネマグラフやビデオなどのリッチメディアがメールマーケティングに活用されるようになってきています。 ほとんどの読者は受信箱に届く大量のメールを「チラッと見る」「さっと読み流す」ことが多いので、じっくり読んでもらうためには魅力的なコンテンツで読み手の注意を惹きつける必要があるためです。 例えばこちらのメールを見てみましょう。 この様なテキストだけの長いメールでは読者は退屈してしまいますよね。...

July 10, 2018

HTMLメールデザイン

動画メールを送るには?再生可能なメールサービス一覧と、確実に動画を見てもらうための対策について

こんにちは、コンテンツ担当の伏見です。メールに動画を埋め込めば、メール上で動画が再生されてメール施策の効果がさらにアップする、と思われている方多いのではないでしょうか?実はメールでは動画が再生されないケースもあるのです! 今回は動画メールが再生されない理由と動画がどの様に再生されるのかをご紹介します。 なぜ動画が再生されない? 端的に言ってメールクライアントによってメール内での動画再生をサポートしているものと、そうでないものがあります。なので、仮に動画メールを作って自分にテスト配信をしたところ、受信箱で開封したメール上で動画が再生していたからといって、メールを受信した全ての購読者が同じ様に動画を見ているとは限らないのです。 メール内で動画が再生される環境 メールクライアント メール内ビデオ再生 静止画表示 Apple Mail ◯ Outlook for Mac ◯ Thunderbird ◯ iOS 10+, Native...

November 27, 2017

1 2 3 4 5