Podcast de diseño de correo electrónico n. ° 60: cómo CodePen aborda el diseño y el marketing de correo electrónico con Chris Coyier

En el episodio 60 de The Email Design Podcast, los presentadores Kevin Mandeville y Jason Rodríguez se sientan con el gurú de CSS Chris Coyier para discutir cómo CodePen aborda el diseño y el marketing de correo electrónico y los pensamientos sobre el desarrollo de correo electrónico HTML desde la perspectiva de los diseñadores web. Asegúrese de seguir adelante y unirse a la discusión en Twitter usando #EmailDesignPodcast.

Vea el video completo arriba o escuche la versión de solo audio a continuación.

Descarga el MP3

En este episodio:

• (1:44) ¿Cómo aprendiste HTML y CSS? Chris tomó una clase de programación en la escuela secundaria y la estudió en la universidad. Al final, no le gustó la programación de back-end y se especializó en arte. Terminó entrando en HTML y CSS al crear sitios de WordPress, incluido su famoso sitio CSS Tricks.
• (8:05) ¿Hubo algún recurso temprano que utilizó para aprender? Chris es un gran admirador de Dan Cederholm y su libro Bulletproof Web Design.
• (9:27) ¿Cuál fue su inspiración principal para crear Trucos CSS y cuál fue su visión para ello? Chris dice que la idea original era crear un montón de sitios de WordPress con contenido sobre tecnología popular, como InDesign Help, para generar tráfico y ganar dinero con ellos. CSS Tricks no era realmente popular al principio, pero era el que Chris realmente disfrutaba y quería mantener como un diario personal de sus aprendizajes al construir todos estos sitios diferentes.
• (11:48) ¿Qué es CodePen? CodePen es un "campo de juego para la web de front-end". Funciona al permitirle crear "bolígrafos", que son conjuntos de HTML, CSS y JavaScript, y también es una red social para desarrolladores, similar a Dribbble para código o incluso a Litmus Builder para desarrollo de aplicaciones para el usuario. Recientemente, lanzaron Proyectos, que le permiten trabajar en un entorno de desarrollo de front-end local.
• (14:30) ¿Cuál es la visión de CodePen? Es un acto de equilibrio. CodePen quiere crecer como negocio, pero también necesita mantener a su comunidad fuerte, feliz y saludable. Especialmente como un pequeño equipo de ocho con recursos limitados, realmente necesitan enfocarse en las prioridades centrales.
• (17:15) ¿Cómo es el marketing por correo electrónico en CodePen? ¿Qué tipo de correos electrónicos envías? Un esfuerzo reciente en el correo electrónico ha sido CodePen Spark, una colección semanal de los bolígrafos recientes más geniales. CodePen en realidad creó un CMS personalizado para ayudar a administrar y crear el correo electrónico, que también se publica en el sitio web de CodePen para archivos. El correo electrónico se crea a partir de plantillas de Rails que se integran en CSS y se compilan a partir de los datos del CMS. Luego, Chris ingresa el correo electrónico en Litmus para probarlo y realiza los ajustes necesarios. CodePen usa Sparkpost para enviar sus correos electrónicos. Los proyectos recientes que Chris espera hacer para el correo electrónico en CodePen son fusionar sus preferencias de correo electrónico dentro de la aplicación web CodePen y crear correos electrónicos incorporados y activados en función de la actividad del usuario.
• (23:53) ¿Cómo ha sopesado la creación de soluciones personalizadas frente a la compra de otras plataformas y servicios de correo electrónico? Chris siente que la mayoría de los proveedores de servicios de correo electrónico son demasiado caros para justificarlos. CodePen tiene el desafío único de tener un equipo pequeño pero una gran base de usuarios de más de 1 millón donde los costos son realmente altos. Entonces, para CodePen en este momento, tiene más sentido invertir su tiempo en desarrollar sus herramientas.
• (28:31) ¿Cómo planeas los correos electrónicos que tienes que enviar? CodePen utiliza Google Docs para planificar actividades de marketing por correo electrónico.
• (32:47) ¿Sabes cuál es la composición de tu audiencia de suscriptores? CodePen no presta mucha atención a su audiencia de suscriptores en este momento y simplemente se enfoca en hacer que el correo electrónico se procese en todos los clientes de correo electrónico populares. Abordan el desarrollo de su correo electrónico con un enfoque centrado en los dispositivos móviles.
• (35:00) ¿Cuáles son sus principales puntos débiles con el diseño y desarrollo de correo electrónico? ¿Cómo podría ser más fácil para ti? Chris se esfuerza por descubrir cuál es la capa correcta de abstracción para los correos electrónicos HTML. No quiere crear correos electrónicos HTML manualmente, pero no quiere abstraerse tanto que se vuelva demasiado eliminado y difícil de identificar o editar errores al solucionar problemas. Él cree que la única fuente de verdad debería ser Litmus en el proceso de prueba.
• (36:59) ¿Cómo intenta resolver los problemas de renderización que encuentra? Chris recientemente se encontró con un error de Outlook con un bloque de espacio aleatorio de ~ 100px. Chris no vio ningún error en el código en sí y no sabía cómo investigar ese tipo de error en particular en línea; solo usó Litmus para probar un montón de cosas para solucionar problemas hasta que se procesó correctamente.
• (39:10) ¿Cuál es el error más extraño que has encontrado? Chris ha tenido problemas con el uso de imágenes de retina en el correo electrónico, principalmente debido al comportamiento de Outlook y a hacer que funcionen correctamente para el correo electrónico receptivo.
• (41:13) ¿Cómo evalúa el éxito de los correos electrónicos de CodePen? Dada la naturaleza de su pequeño equipo y al no tener una persona dedicada al marketing por correo electrónico o al análisis en el equipo, no miran los análisis de correo electrónico de cada uno de los correos electrónicos. Lo abordan desde un punto de vista más cualitativo a partir de los comentarios de los usuarios.
• (45:00) ¿Por qué el mundo del diseño web tiene una visión negativa del correo electrónico HTML? Chris dice que no es ningún misterio por qué la web odia el correo electrónico: porque no es moderno y no pueden codificar como quieren. También señala el hecho de que incluso en el diseño web, las personas no disfrutan de las pruebas en varios navegadores. Las pruebas de renderizado no son una parte agradable del trabajo para la mayoría y eso se magnifica cuando se trata de correo electrónico.
• (48:54) ¿Cómo podemos educar más al mundo web sobre el correo electrónico? Chris cree que sería beneficioso recordar cuánto ha evolucionado el correo electrónico en la prestación de soporte y qué tan simple puede ser. Poder decir que no tiene que insertar CSS o usar tablas tendría un gran impacto en la percepción del correo electrónico.

Siga el podcast de diseño de correo electrónico

• Seguir en SoundCloud
• Suscríbete en iTunes
• Suscríbete en YouTube

OBTENGA LA ÚLTIMA ENTREGA DIRECTA A SU BANDEJA DE ENTRADA

¿Quieres recibir más sugerencias y consejos como este? Suscríbase a nuestro boletín semanal y reciba el contenido más reciente para los profesionales del diseño de correo electrónico directamente en su bandeja de entrada. Cada semana.