お洒落な HTML メルマガのデザインまとめ 視覚的に " 伝えたい内容 " を表現することができる HTML メールは テキストだけのメール以上に見る側に対してインパクトを与えることが可能見る側に対してインパクトを与えることが可能です 最大の特徴は 文字だけで簡単に作成できるメールとは異なり デザ

Transcription

1 お洒落な HTML メルマガのデザインまとめ 視覚的に " 伝えたい内容 " を表現することができる HTML メールは テキストだけのメール以上に見る側に対してインパクトを与えることが可能見る側に対してインパクトを与えることが可能です 最大の特徴は 文字だけで簡単に作成できるメールとは異なり デザインを通じてユーザーに 具体的なイメージ を与えられる点です 今回は HTML メール作成時に参考となる " カッコいいデザイン " を紹介します スワイプファイルの一つとして活用してください メールはビジネスにおいて 効果的なマーケティング手法の 1 つです そのため テキストではなく HTML メールを採用する際は " デザイン " 要素が加わるため 見た目を重視する必要があります 参考にしやすい国内の事例やオシャレな海外のデザイン等を紹介します ぜひ HTML メールを作成する際 参考にしてください 1. Mail Magazine Design 国内のクオリティの高い HTML メールのデザイン素材を収集しているサイトです タブは ALL FASHION の 2 つにわかれていることから 基本的にファッション系のデザインを収集していることがわかります GU GAP FOREVER21 など 誰もが知っているであろう有名ブランドのメルマガ のデザインを見ることが可能です ファッション以外のデザインでは インテリア (francfranc MOMA など ) コスメ関連 (LUSH L'OCCITANE など ) の HTML メルマガを掲載しています デザイン全体を見ることができるだけではなく 配信周期や配信日 タイトルに加えて デザインの説明もあるのが特徴です HTML メールを配信する際の参考にしてみてください

2 2. Design Inspiration by HTML Designs Design Inspiration は 美しい HTML メールのデザイン素材を集めた 海外ギャラリーサイトです デザインは横に 3 つずつ配置したレイアウトで トップページからたくさんのデザインをチェックすることができます 気になるものをクリックするとページを移動せずにデザインを表示してくれますので 色々なデザインをサッと見たい方にオススメです Dropbox Udemy Rebecca Minkoff Gucci をはじめとした日本でも有名なサービス ブランドのデザインが豊富です 海外ならではのオシャレなデザインを掲載しています デザイン性にこだわりたい時にオススメです 3. EC サイト運営者必見! メルマガのスマホ対応でデザインの参考になるメールマガジン 12 選スマートフォンに対応している HTML メールの中でも デザインが優れたものをピックアップして紹介している記事です 伊勢丹 三越 nano universe MoMA STORE を含む 全部で 12 個のデザインを掲載しています いずれもデザイン性が高く 画像がスマートフォン画面上で見た状態となっており ユーザー目線でデザインが見れるようになっています また 各デザインに細かい説明がついており どのような点が特徴なのか どんなデザインなのかがよくわかる内容となっているのもポイントです デザインを見たいだけではなく HTML メールのデザインのクオリティをさらに高めたい 方にオススメです

3 4. Gallery 素敵なデザインの HTML メールを数多く収集し 掲載しているギャラリーサイトです 量が多く 参考となるデザインが見付かるかと思います たくさんのデザインをチェック したい方必見です 最新のデザインでは Amazon Echo Toyota Mirai New York Times などを掲載してい ます (2017 年 8 月 3 日時点 ) デザインは新着表示ができるほか カラム数 業種 色で絞り込むこともできます また ページ右上の検索窓からキーワード検索もできます 5. HTML Gallery 様々な HTML メールのデザイン紹介に加え メルマガ作成のヒント テクニック記事を 紹介しているギャラリーサイトです デザインにはそれぞれハッシュタグを設定してあり 好みのデザインに出会えれば 関連するデザインがすぐに見付かります 掲載量も多くジャンルも多彩ですが カテゴリ分類が細かく 色 種類 製品 季節にわかれているため検索も楽々です お知らせ ネットショップ 休日 と種類別にわけているのが便利で 用途に応じて デザイン検索できるのが特徴的です

4 6. HTML メール紹介 メールマガジンを改善したい 方必見 業種別で見るメールデザイン事例まとめ 12 選 + 番外編 メールを活用したマーケティング施策を改善したいという方に向けて HTML メルマガ を業種別に紹介している記事です ピックアップしているのはオリジナル T シャツ作成通販サイト Tmix オンライン学習 サイト Schoo レストラン パスタソースキッチン を含む 全 12 デザインです 各メールのポイントを紹介していますので 具体的にどういった点を参考にすべきか どんな点が優れているかがわかります また 国内事例のピックアップですので 参考にしやすいです 7. Introducing the Top 100 marketing campaigns. 様々な HTML メールの中から トップ 100 のメールマーケティングキャンペーンを 紹介しているページです 特集 マーケティングオファー ニュースレター アナウンス イベントの 5 つのフィルタがあり いずれも優れたデザインの HTML メールが揃ってい ます 掲載数が豊富です 一度見てみるとデザインのヒントが得られるかと思います HTML メールのデザインアイデアを探しているという方にオススメです

5 8. メルマガ担当者が知っておきたい HTML メールの無料テンプレート 7 選便利な HTML メールテンプレートサイトをピックアップして紹介している記事です デザイン レイアウトの参考になるものを探しているという方にオススメです 9. Cak フリーの HTML メールのテンプレートを公開しているページです ビジネス全般やシーズン スペシャルイベントなど様々なシーンで活躍する テンプレートがたくさんあります シンプルで使いやすい定番のデザインから 写真がメインのもの ポップなイラストを取り入れたもの などデザインも様々です Responsive Patterns Responsive Patterns では HTML メールを構成する様々なパーツのテンプレート を集めています 全体のレイアウト ナビゲーション リスト グリッドブロック メディア アコーディオンの 6 カテゴリを掲載中です どのようなパーツを取り入れるか レイアウトはどうするかの参考になります