メールのデザインプロセス：EmmaのアートディレクターであるTylor LoposserとのQ＆A

公開: 2021-08-18

スタイルとデザインがEmmaブランドの長年の価値観であることは周知の事実であり、最近のニュースレターの調査によると、読者もそれについて学びたいと思っています。今日、私たちは、私たちを私たちにするすべての美的ディテールの背後にある先見の明を持って、舞台裏であなたを連れて行くことに興奮しています—タイラーロポッサー。

タイラー、ご参加いただきありがとうございます！基本から始めましょう。良いデザインはあなたにとってどんな意味がありますか？

優れた電子メールデザインは、プロセス、ビジュアル、およびエクスペリエンスの統合です。

プロセス：成功するデザインを作成するために一緒になる要素はたくさんあり、プロセスは私たちのチームにとって大きなものです。ブランドとコンテンツの戦略からテンプレートの作成やA / Bテストまで、プロセスは効率と成功を最適化するために拡張できるあらゆるプラクティスであると私は考えています。

たとえば、四半期または月次のコンテンツカレンダーを作成すると、期待を設定し、ストーリーテリングの機会を開き、カスタマージャーニーを作成するのに役立ちます。成長を導くために、常にテストと分析のための時間を作ってください。

ビジュアル：これらは、電子メールコピーとサブスクライバーの間の関係の点を結び付けます。画像にはメッセージを強化する機能があり、視聴者があなたのアイデアにつながるのに役立つ、関連性のある感情的な要素を追加します。フォントや色に至るまで、すべてが知覚された価値や感覚を持っていることを覚えておくことも重要です。

経験：彼らがそれを読んでいるとき、あなたの電子メールがどのようにあなたの購読者に正確に会うことができるかについて考えてください。彼らがどこにいるのか、彼らが使用しているデバイス、彼らの能力、そして彼らが使用しているメールクライアントを考慮に入れることは、電子メールが彼らにどのように影響するか、そしてあなたがさらに良い体験をどのように作り出すことができるかについて考えるのに役立ちます。電子メールは、オフィス、電車、さらにはベッドのどこでも体験できるため、視覚的に魅力的なものにし、コピーを簡潔にすることが重要です。

エマのアートディレクターとしての日常はどのように見えますか？

午前6： 00–まだ眠っている

午前6時30分–まだ眠っている

午前7時30分–スヌーズボタンを2回押した後、目を覚ます時間だと判断しました。

午前7時31分–自転車に乗るべきだと自分に言い聞かせますが、最終的には「いや...明日。自転車に乗るのに良い日になるでしょう」と決めます。

午前7時45分-人々が私を腰から上にウェブカメラを通してしか見ることができないことを知っているにもかかわらず、私はシャワーを浴びて完全に準備をします（パンツとすべて）。

午前8時40分-コーヒーと朝食

8：50-9：00 am-仕事を始める時間です。これも：

クリエイティブチームとの毎日のコーヒーミーティング
毎週のやることリストとAsana（私たちのプロジェクト管理ツール）でチェックインする

午前9:00。 -午後2時45分

マーケティングおよびクロスファンクショナルチームメンバーとのミーティング
Photoshop、Googleスライド、イラストレーター、Shutterstockの間を行き来し、テキストエディットのメモをじっと見つめながら、ブレインストーミングした考えを首尾一貫した方法で書き留めようとしています。
夕食の残り物を含む1時間の昼食と、現在はリモートでの作業が標準となっているため、おそらく私が再視聴している番組のエピソードです。在宅勤務の前は、昼食は部門外の同僚と過ごす時間でした。私はそれらを見ることができなくて寂しいです！
また、自分のプロセスをガイドするために記事を読むことに時間を費やします。もちろん、私が読んでインスピレーションを得たすべての電子メールを忘れることはできません。

2:46 pm-夕食に何を食べるべきか考え始める。それはしばしば正午のおやつにつながる。私が選んだおやつは、通常、ケーキのスライス、マサラチャイティー、または多分もっとコーヒーです。

2：47-4：30 pm

さらに1つか2つの会議
Sketch、Acrobat、Google Docsでの作業に戻り、Slackで最終的に「送信」を押す前に、同僚に3回メッセージを書き込んでいます。次に、正しい絵文字を使用しましたか？

4：30-5：37 pm-遅くまで働く原因となるデザインの溝に入りますが、私の脳がとてもスムーズに機能しているときは、それだけの価値があります。

最近特にワクワクしているプロジェクトはありますか？

私たちは幅広い業界と協力しているため、ニュースレターの内容は通常、あらゆるタイプのマーケターにアピールするために幅広くなっています。しかし、最近、私は、セグメント化された聴衆、つまり自分たちが高等教育業界にいると考えている購読者向けのニュースレターをデザインする機会を与えられました。厳選されたコンテンツで特定の視聴者向けのシリーズを作成する機会が与えられたとき、私は喜んで飛び込みました。

定義されたオーディエンスを持つことで、私たちは彼らの好みや行動について多くを知っているので、メーリングを設計するときに自信を持って選択することができます。

高等教育の聴衆に関するあなたの知識は、あなたのデザインの決定にどのように影響しましたか？

この特定のオーディエンスにとって、私たちのコンテンツチームは、特に高等教育業界に関連する記事をキュレートすることができたため、データから最大の利益を得ました。

ただし、この知識から設計で計画できることがいくつかありました。

これは主にプロの聴衆であることを知っているので、彼らは主にデスクトップデバイスでこれらの電子メールを受信します。私たちは常にモバイルを念頭に置いて設計していますが、この知識は最適なデスクトップエクスペリエンスを目指して努力するのに役立ちます。

ほとんどの人にとって、電子メールのチェックは受動的なアクティビティです。つまり、通常、受信トレイを通過しながら他のタスクを実行しています。気を散らすものを最小限に抑え、エンゲージメントを最大化するために、画像のサイズ、アクセシビリティ、フォーマットについて意図的に決定しました。

上記のソリューションの多くは、次のように要約できる電子メールのベストプラクティスに該当します。メッセージを簡潔に保ち、意図的な召喚状を作成します。

私たちの送信戦略は、このオーディエンスを知ることによっても影響を受けました。通常、これらのメールは営業時間内に開かれるため、最適な送信時間と曜日を決定することができました。

The Higher Ed High-Fiveで見つけたお気に入りの詳細は何ですか？

ニュースレターの要素の内訳

ヒーロー画像-通常よりも大きいヒーロー画像を使用し、受信トレイで目立つように太字にすることにしました。このオーディエンスは、定期的なマーケティングのヒントとコツのニュースレターも受け取るので、これを通常の送信とはまったく異なるものにし、このオーディエンスに合わせてパーソナライズしたいと考えました。これは、同じオーディエンスにさまざまな「スタイル」の電子メールを送信する人にとっては素晴らしいヒントです。ヘッダー、ヒーロー画像スタイル、カラーパレットなどの要素を切り替えて、サブスクライバーの注意を引き付けます。

注文-私たちがこの聴衆と共有したかった主なものは、彼らのためだけにパーソナライズされ、厳選されたリソースのリストでした。「LetterFromtheEditor」スタイルのイントロでパーソナライズメッセージを強化しました。これにより、このオーディエンスに個人的に対応し、残りの電子メールに対する期待を設定することができます。口調は非公式で会話的であり、私たちのブランドの人間的要素を本当に輝かせることができます。

番号付きリスト-番号付きリストは、コンテンツを整理し、消化可能でスキミング可能な記事を作成するための効果的な方法です。読者がリストの項目をチェックすることから得られる達成感もあります。数字を記事のグラフィック要素に変えることで、読者のリストの好みに応えることができただけでなく、制作の効率も向上しました。つまり、ペアリングする画像を見つけるのに多くの時間を費やす必要がありません。各記事で。最後に、見出しの左側に番号を配置する70/30レイアウト分割により、このすでに長い形式のメールの長さが短縮されます。

CTA-ボタンが多すぎると選択のパラドックスが発生する可能性があると考えたため、このレイアウトではハイパーリンクされたインラインテキストを選択して行動を呼びかけました。また、サブスクライバーに最適なエクスペリエンスを構築するために、このオプションを将来の反復のA / Bテストと見なします。テストできる2つのバージョンの例を次に示します。

ニュースレターを始めたばかりのデザイナーにどのようなアドバイスをしますか？

コンテンツを分類して並べ替えます。 ニュースレターのコンテンツの逆ピラミッドを作成します。一番上にある最も重要な部分から始めて、ページを下に向かって進むにつれて、優先度が下がります。すべてを強調すると、何も強調しなくなります。

視覚的な差異を提供します。 すべてのセクションで視聴者の関心を維持するには、画像でさまざまなスタイルとサイズを試してください。最も重要な部分には大きなヒーロー画像または太字のイラストを使用し、2次/ 3次メッセージにはサムネイルの図像を使用してみてください。

サブスクライバーと組織の両方のニーズに適した最適なレイアウトを見つけるために時間を費やしてください。 トレンドは行き来するかもしれませんが、良いレイアウトは常にスタイリッシュです。これは、購読者に期待を設定し、購読者が電子メールに関連付けることができるコンテンツ、デザイン、およびエクスペリエンスを示すのに役立ちます。

コンテンツカテゴリごとにビジュアルスペースを作成します。 これは、色や活版印刷の階層を使用して行うことができます。また、仕切りや色付きの背景を使用して実際の空白を作成することもできます。

調査のためにあなたの電子メール戦略に余裕を持たせてください。 これは、サブスクライバーに優れたエクスペリエンスを提供していることを確認するための最良の方法です。

タイラー、ご参加いただきありがとうございます。

アートディレクターのプロセスの舞台裏をこのように見ていくことで、今後の送信に関する新鮮なアイデアに触発された気分になることを願っています。覚えておいてください：優れたデザインとは、単なるメールではなく、視聴者を知り、意図的に選択し、何が最も効果的かをテストする必要があります。