Eメールデザインポッドキャスト＃60：CodePenがChrisCoyierとのEメールデザインとマーケティングにどのようにアプローチするか

公開: 2017-05-05

メールデザインポッドキャストの第60話では、ホストのケビンマンデビルとジェイソンロドリゲスがCSSの第一人者であるクリスコイエと座り、CodePenがメールデザインとマーケティングにどのように取り組んでいるか、ウェブデザイナーの観点からHTMLメール開発について考えています。必ずフォローして、＃EmailDesignPodcastを使用してTwitterでのディスカッションに参加してください。

上記の完全なビデオを見るか、以下の音声のみのバージョンを聞いてください。

MP3をダウンロードする

このエピソードでは：

（1:44）HTMLとCSSをどのように学びましたか？ クリスは実際に高校でプログラミングのクラスを受講し、大学でそれを勉強し続けました。彼は最終的にバックエンドプログラミングが好きではなく、芸術の専攻に切り替えました。彼は、有名なCSSTricksサイトを含むWordPressサイトの構築からHTMLとCSSに取り掛かることになりました。
（8:05）あなたが学んだ初期のリソースはありましたか？ クリスはダン・セダーホルムと彼の著書「防弾ウェブデザイン」の大ファンです。
（9:27）CSSトリックを作成するためのコアインスピレーションは何でしたか？それに対するあなたのビジョンは何でしたか？ クリス氏によると、当初のアイデアは、InDesign Helpなどの人気のあるテクノロジーを介したコンテンツを含む多数のWordPressサイトをスピンアップして、トラフィックを生成し、それらから収益を上げることでした。 CSS Tricksは当初は実際には人気がありませんでしたが、Chrisが本当に楽しんだものであり、これらのさまざまなサイトをすべて構築することから学んだことを個人的な日記として残したいと考えていました。
（11:48）CodePenとは何ですか？ CodePenは「フロントエンドWebの遊び場」です。 HTML、CSS、JavaScriptのセットである「ペン」を作成できるようにすることで機能し、コード用のDribbbleやフロントエンド開発用のLitmusBuilderに似た開発者向けのソーシャルネットワークでもあります。彼らは最近プロジェクトを立ち上げました。これにより、ローカルのフロントエンド開発環境で作業することができます。
（14:30）CodePenのビジョンは何ですか？ それはバランスをとる行為です。 CodePenはビジネスとして成長したいと考えていますが、コミュニティを強く、幸せで、健康に保つ必要もあります。特にリソースが限られている8人の小さなチームとして、彼らは本当にコアの優先順位に焦点を合わせる必要があります。
（17:15）CodePenでのEメールマーケティングはどのようなものですか？ どのような種類のメールを送信しますか？ 電子メールでの最近の取り組みは、最もクールな最近のペンの毎週のコレクションであるCodePenSparkです。 CodePenは実際に、電子メールの管理と構築を支援するカスタムCMSを構築しました。これは、アーカイブ用にCodePenWebサイトにも公開されます。電子メールは、CSSをインライン化してCMSデータからコンパイルするRailsテンプレートから構築されています。次に、Chrisは電子メールをLitmusに入力してテストし、必要な調整を行います。 CodePenはSparkpostを使用してメールを送信します。クリスがCodePenでメールに対して行うことを望んでいる最近のプロジェクトは、CodePen Webアプリ内でメール設定をマージし、ユーザーアクティビティに基づいてオンボーディングおよびトリガーされたメールを構築することです。
（23:53）カスタムソリューションの構築と他の電子メールプラットフォームやサービスの購入をどのように比較検討しましたか？ クリスは、ほとんどの電子メールサービスプロバイダーは高額すぎて正当化できないと感じています。 CodePenには、チームは小さいが、コストが非常に高い100万人以上のユーザーベースを持つという独自の課題があります。したがって、現時点でのCodePenの場合、ツールの構築に時間を費やす方が理にかなっています。
（28:31）送信する必要のある電子メールをどのように計画しますか？ CodePenは、Googleドキュメントを使用してメールマーケティング活動を計画します。
（32:47）あなたはあなたの加入者の聴衆の構成が何であるか知っていますか？ CodePenは、現時点ではサブスクライバーのオーディエンスにあまり注意を払っておらず、人気のあるすべての電子メールクライアントで電子メールをレンダリングすることに重点を置いています。彼らは、モバイルファーストのアプローチを使用して電子メールの開発に取り組みます。
（35:00）電子メールの設計と開発におけるあなたの中心的な問題点は何ですか？ どうしてもっと簡単にできるでしょうか？ クリスは、HTMLメールの抽象化の正しい層が何であるかを理解するのに苦労しています。彼はHTMLメールを手動で作成することを望んでいませんが、あまりにも抽象化されて削除されすぎて、トラブルシューティング時にエラーを特定または編集するのが困難になることを望んでいません。彼は、信頼できる唯一の情報源は、テストプロセスにおけるリトマスであるべきだと信じています。
（36:59）発生したレンダリングの問題をどのように解決しようとしていますか？ クリスは最近、100pxまでのランダムなスペースブロックでOutlookのバグに遭遇しました。クリスはコード自体にバグを見つけず、その特定の種類のバグをオンラインで調査する方法を知りませんでした。適切にレンダリングされるまで、Litmusを使用してトラブルシューティングのためにさまざまなことを試みました。
（39:10）あなたが遭遇した最も奇妙なバグは何ですか？ クリスは、主にOutlookの動作と、レスポンシブメールで網膜画像を適切に機能させるために、メールで網膜画像を使用する際に問題を抱えています。
（41:13）CodePenメールの成功をどのように評価しますか？ その小さなチームの性質と、チームに専任のEメールマーケティングまたは分析担当者がいないことを考えると、彼らはすべてのEメールのEメール分析を検討しているわけではありません。彼らは、ユーザーのフィードバックからのより定性的な観点からそれにアプローチします。
（45:00）なぜウェブデザインの世界はHTMLメールに対して否定的な見方をしているのですか？ クリスは、なぜウェブが電子メールを嫌うのかについては謎ではないと言います。それは現代的ではなく、彼らが望む方法でコーディングできないからです。彼はまた、ウェブデザインにおいてさえ、人々はクロスブラウザテストを楽しんでいないという事実を指摘しています。レンダリングテストは、ほとんどの人にとって楽しい仕事ではありません。それは、電子メールに関しては拡大されています。
（48:54）どうすれば、電子メールについてWebの世界をもっと教育できますか？ クリスは、レンダリングサポートでどれだけの電子メールが進化し、それがどれほど簡単になるかを家に帰すことが有益であると信じています。 CSSをインライン化したり、テーブルを使用したりする必要がないと言えると、電子メールの認識に大きな影響を与えます。

メールデザインポッドキャストをフォローする

SoundCloudをフォローする
iTunesで購読する
YouTubeで購読する

受信トレイに最新のストレートを届ける

このようなヒントやアドバイスをもっと知りたいですか？毎週のニュースレターを購読して、メールデザインのプロ向けの最新コンテンツを受信トレイに直接配信してください。毎週。