Podcastul de design de e-mail nr. 60: Cum abordează CodePen designul și marketingul de e-mail cu Chris Coyier

Publicat: 2017-05-05

În cel de-al 60-lea episod din The Email Design Podcast, gazdele Kevin Mandeville și Jason Rodriguez se adună cu guru CSS Chris Coyier pentru a discuta despre modul în care CodePen abordează designul și marketingul de e-mail și gândurile despre dezvoltarea e-mailurilor HTML din perspectiva designerilor web. Asigurați-vă că urmăriți și participați la discuția de pe Twitter folosind #EmailDesignPodcast.

Urmăriți videoclipul complet de mai sus sau ascultați versiunea doar audio de mai jos.

Descărcați MP3-ul

În acest episod:

  • (1:44) Cum ai învățat HTML și CSS? Chris a luat de fapt o clasă de programare în liceu și a continuat să o studieze la facultate. În cele din urmă, nu i-a plăcut programarea back-end și a trecut la o specializare în artă. A ajuns să intre în HTML și CSS din construirea de site-uri WordPress, inclusiv faimosul său site CSS Tricks.
  • (8:05) Au existat resurse timpurii pe care le-ai obișnuit să înveți? Chris este un mare fan al lui Dan Cederholm și al cărții sale Bulletproof Web Design.
  • (9:27) Care a fost inspirația ta de bază pentru a crea trucuri CSS și care a fost viziunea ta pentru asta? Chris spune că ideea inițială a fost să creeze o mulțime de site-uri WordPress cu conținut peste tehnologie populară, cum ar fi InDesign Help, pentru a genera trafic pentru a câștiga bani din ele. Trucuri CSS nu a fost de fapt popular inițial, dar a fost cel care i-a plăcut cu adevărat lui Chris și a vrut să-l păstreze ca jurnal personal al învățărilor sale din construirea tuturor acestor site-uri diferite.
  • (11:48) Ce este CodePen? CodePen este un „loc de joacă pentru internetul front-end”. Funcționează permițându-vă să creați „pixuri”, care sunt seturi de HTML, CSS și JavaScript și este o rețea socială și pentru dezvoltatori, asemănătoare cu un Dribbble pentru cod sau chiar cu un Litmus Builder pentru dezvoltarea front-end. Mai recent, au lansat Proiecte, care vă permit să lucrați într-un mediu local de dezvoltare front-end.
  • (14:30) Care este viziunea CodePen? Este un act de echilibru. CodePen vrea să se dezvolte ca afacere, dar trebuie să-și mențină comunitatea puternică, fericită și sănătoasă. Mai ales ca o echipă mică de opt persoane cu resurse limitate, ei chiar trebuie să se concentreze pe prioritățile de bază.
  • (17:15) Cum este marketingul prin e-mail la CodePen? Ce tipuri de e-mailuri trimiteți? Un efort recent în e-mail a fost CodePen Spark, o colecție săptămânală a celor mai tari pixuri recente. CodePen a creat de fapt un CMS personalizat pentru a ajuta la gestionarea și construirea e-mailului, care se publică și pe site-ul web CodePen pentru arhive. E-mailul este construit din șabloane Rails care sunt integrate în CSS și compilate din datele CMS. Chris introduce apoi e-mailul în Litmus pentru a testa și face toate modificările necesare. CodePen folosește Sparkpost pentru a-și trimite e-mailurile. Proiectele recente pe care Chris spera să le facă pentru e-mail la CodePen îmbină preferințele lor de e-mail în cadrul aplicației web CodePen și creează e-mailuri de onboarding și declanșate pe baza activității utilizatorului.
  • (23:53) Cum ați evaluat construirea de soluții personalizate față de cumpărarea altor platforme și servicii de e-mail? Chris consideră că majoritatea furnizorilor de servicii de e-mail sunt prea scumpe pentru a fi justificate. CodePen are provocarea unică de a avea o echipă mică, dar o bază mare de utilizatori de peste 1 milion, unde costurile sunt cu adevărat mari. Deci, pentru CodePen în acest moment, este mai logic să-și investească timpul în construirea instrumentelor.
  • (28:31) Cum planificați e-mailurile pe care trebuie să le trimiteți? CodePen folosește Google Docs pentru a planifica activități de marketing prin e-mail.
  • (32:47) Știți care este structura publicului dvs. de abonat? CodePen nu acordă prea multă atenție audienței lor de abonați în acest moment și pur și simplu se concentrează pe ca e-mailul să fie redat în toți clienții de e-mail populari. Aceștia abordează dezvoltarea e-mail-ului folosind o abordare bazată pe mobil.
  • (35:00) Care sunt punctele tale principale de durere în ceea ce privește proiectarea și dezvoltarea e-mailurilor? Cum ar putea fi mai ușor pentru tine? Chris se luptă să-și dea seama care este stratul potrivit de abstractizare pentru e-mailurile HTML. El nu vrea să creeze manual e-mailuri HTML, dar nu vrea să devină atât de abstract încât să devină prea îndepărtat și greu de identificat sau editat erorile atunci când depanează. El crede că singura sursă de adevăr ar trebui să fie turnesol în procesul de testare.
  • (36:59) Cum încercați să rezolvați problemele de randare pe care le întâlniți? Chris a întâlnit recent o eroare Outlook cu un bloc de spațiu aleatoriu de ~100px. Chris nu a văzut nicio eroare în codul în sine și nu a știut cum să caute acel tip special de eroare online – a folosit doar Litmus pentru a încerca o grămadă de lucruri pentru depanare până când s-a redat corect.
  • (39:10) Care este cel mai ciudat bug pe care l-ai întâlnit? Chris a avut probleme cu utilizarea imaginilor retinei în e-mail, mai ales din cauza comportamentului Outlook și a le face să funcționeze corect pentru e-mailurile receptive.
  • (41:13) Cum evaluezi succesul e-mailurilor CodePen? Având în vedere natura echipei sale mici și neavând o persoană dedicată marketingului prin e-mail sau analizei în echipă, aceștia nu se uită la analizele de e-mail ale fiecărui e-mail. Ei îl abordează dintr-o viziune mai degrabă calitativă din feedback-ul utilizatorilor.
  • (45:00) De ce lumea designului web are o viziune negativă asupra e-mailului HTML? Chris spune că nu este un mister de ce web-ul urăște e-mailurile: pentru că nu este modern și nu pot codifica așa cum doresc. El subliniază, de asemenea, faptul că, chiar și în design web, oamenilor nu le place testarea între browsere. Testarea randării nu este o parte plăcută a muncii pentru majoritatea și aceasta este amplificată atunci când vine vorba de e-mail.
  • (48:54) Cum putem educa lumea web mai mult despre e-mail? Chris crede că ar fi benefic să știm cât de mult a evoluat e-mailul în furnizarea de asistență și cât de simplu poate fi. A fi capabil să spui că nu trebuie să inline CSS sau să folosești tabele ar avea un impact enorm asupra percepției e-mailului.

Urmați podcastul de design de e-mail

  • Urmărește pe SoundCloud
  • Abonați-vă pe iTunes
  • Abonați-vă pe YouTube

PRIMIȚI CELE MAI ULTIMATE LIVRATE Direct LA INBOX

Doriți să obțineți mai multe sfaturi și sfaturi ca acesta? Abonați-vă la buletinul nostru informativ săptămânal și primiți cel mai recent conținut pentru profesioniștii în design de e-mail, livrat direct în căsuța dvs. de e-mail. În fiecare săptămână.