毎年、デジタルマーケティングを形作る新しいデザイントレンドが現れます。「Eメールデザインのトレンド分析」シリーズでは、最も注目を集めているデジタルデザインのトレンドを取り上げ、それをEメールマーケティングにどのように活用していくべきかをご紹介します。
近年、Webの設計・開発においてグリッドの分断やエレメントの重なりが問題となっています。絶対配置と擬似要素のおかげで、ユニークで抽象的なレイアウトを比較的簡単に作成することができます。これらのCSSスタイルをサポートするEメールクライアントは非常に少ないため、電子メールの設計チームと制作チームは、グリッド外の構成の可能性を活用するためのアイデアを絞り出しています。
目次（クリックしてジャンプ）
なぜオフグリッド?
グリッドから外れてしまうと、クリエイティブが予測不可能になり、好奇心をかきたてられ、アテンションを必要とするため、購読者はコンテンツに興味を持つようになる。
今から紹介するブランドをチェックしてみてください、これらのEメールは、厳密なグリッドのレイアウト概念から解放され、真にユニークなEメール体験を作り出しています。
Eメールマーケティングデザイン事例
HARRY’S
グリッドを基礎として使用しながら、Harry’sは従来の2列レイアウトを千鳥配置のモジュールで分割し、石造のスタイルを提供します。
BEHANCE
Behanceによるこの毎週のインスピレーションメールは、購読者の興味に関連するコンテンツと共に編集され、デスクトップで見たときに順序なしの画像ブロックを生成します。メールが美しくあるために左右対称である必要はないことを証明する良い事例です。
PIZZA EXPRESS
Pizza Expressのプロモーションメールは、大きなブロックの大胆なカラーと豊富なアニメーションで注目を集めていますが、オフグリッドのデザインがこのメールを際立たせているのです。ラインから画像が飛び出し、掲載されているコンテンツと重なると、メールがダイナミックに感じられ、購読者にスクロールしてもらうことができる。
LASTMINUTE.COM
抽象的なデザインは、旅を形作り、目を導くのに本当に役立ちます。このデザインは最後の最後まで。このサイトでは、非対称のヒーロー・イメージが読者を勇気づけてくれる。ヘッドフォンに囲まれた行動への呼びかけが、クリックしなければならないことを納得させられないのであれば、さまざまなイベントへのリンクをたどっていきます。
This email stacks beautifully for mobile and is a great example of creating intrigue with off-grid.
INVISION
InVisionのデザイン専門家たちは、わずかなオフグリッドの要素でも、Eメールのデザインにちょっとした特別なものを加えるのに大いに役立つことを証明しています。Eメールは、1列の要素に2列と3列のセクションが混在するグリッドレイアウトに従っていますが、グリッドから分離する微妙な要素が追加されているため、このEメールは特徴的です。些細なことがこのメールのデザインに大きな影響を与えています。
BODEN
英国のファッションブランド 「Boden」 は、コンテナから飛び出してくるような、型にはまらない画像構成を採用している。Bodenのデザインは、画像とカラーブロックを重ね合わせることで奥行きを生み出し、Eメールを楽しく生き生きとしたものにしています。
LACOSTE
モデルのショットは各製品イメージとは独立しており、このデザインはグリッドから外れています。余白をたっぷりと加えれば、この驚くべきメールは目立たないメールとなっていたでしょう。
J.CREW
J.CREWは、背景や文字の色のコントラストがよく考えられたエキサイティングなデザインで、ファッションの必需品を展示しています。ジグザグのレイアウトは確かに目を引くが、画像の一部が重なっているコピーなので、このメールは本当に特別だ。
MAUDE
Maudeによるこのデザインは、わずかなオフグリッドのタイポグラフィがいかに大きな影響を与えるかを示しています。
BEAU MARKET
フランスのクリエイティブエージェンシー 「ボーマーケット」 は、文字を立体的なボールドカラーにオフセットし、エキサイティングなヒーローのアレンジメントを作成します。メールの末尾には、2018年に作成された作業の例が記載されています。
