La mayoría de los sistemas de diseño de correos electrónicos están diseñados para verse bien en un archivo de Figma. El equipo de Customer.io construyó el suyo para funcionar en producción, y la diferencia es evidente.
En esta sesión, el Developer Advocate Mark Robbins y el Senior Brand Designer Carlos Saborio-Romero explican los cinco componentes que necesita todo sistema de diseño de correos electrónicos, incluyendo cómo el equipo de Customer.io crea componentes reutilizables directamente en Design Studio en lugar de exportarlos desde Figma, eliminando la incertidumbre entre la intención del diseño y el resultado real.
La idea más útil podría ser esta: la QA obligatoria — dos a tres minutos por correo — se convirtió accidentalmente en su mejor ciclo de retroalimentación para mejorar los componentes con el tiempo.
Lo que aprenderás:
- Cuáles son los cinco componentes clave de un sistema de diseño de correos electrónicos listo para producción
- Cómo construir un componente de firma universal con una selección desplegable que funcione entre diferentes remitentes
- Cómo funciona el cambio de modo oscuro consciente del contexto utilizando fragmentos en el Design Studio de Customer.io
- Por qué diseñar directamente en tu ESP (no en Figma) elimina la brecha entre lo que diseñas y lo que se envía
- Cómo los textos de los botones con aria-described-by mejoran tanto la accesibilidad como el análisis por IA
- Por qué hacer QA a cada correo electrónico — incluso cuando parece excesivo — es la mejor manera de mejorar continuamente tu sistema de diseño