El diseño de email marketing es la forma en que acomodas texto, imágenes, botones y espacios dentro de un correo para que la gente lo lea y haga clic. Un buen diseño no es el más bonito: es el que se entiende en tres segundos desde un celular.
En México, la mayoría de los correos se abren en el teléfono. Si tu plantilla no está pensada para esa pantalla, pierdes al lector antes de que llegue a tu oferta.
Qué hace bueno a un diseño de email marketing
Un correo que convierte tiene una sola idea y un botón principal. Cuando metes cinco mensajes en el mismo envío, el lector no elige ninguno.
Manda la jerarquía visual: lo importante arriba, lo secundario abajo. Antes de abrir tu editor, ten claro qué es el email marketing y qué quieres que pase justo después del clic.
Diseña primero para el celular
Dos de cada tres suscriptores abrirán tu correo desde el teléfono, muchas veces en el metro o entre pendientes. Diséñalo para ese contexto: pulgar, pantalla chica, prisa.
Eso se traduce en botones grandes, textos cortos y una sola columna. Si tu correo obliga a pellizcar la pantalla para leer, ya lo perdiste.
Medidas y tamaños que debes respetar
Respetar las medidas evita que tu correo se vea roto en Gmail, Outlook o Apple Mail. Estas son las referencias que usamos en campañas reales.
| Elemento | Medida recomendada |
|---|---|
| Ancho del correo | 600 px |
| Imagen hero | 600 x 300 px (1200 px en 2x) |
| Peso total | menos de 100 KB |
| Fuente del cuerpo | 14–16 px |
| Fuente de títulos | 22–28 px |
| Alto mínimo del botón | 44 px |
El ancho de 600 px es casi un estándar histórico: cabe en cualquier cliente de correo sin obligar al scroll horizontal.
La estructura de un correo que convierte
Casi todos los correos que funcionan siguen el mismo esqueleto. No tienes que reinventarlo cada envío.
- Preheader: el texto que se asoma junto al asunto. Es tu segundo gancho, no lo desperdicies con “Ver este correo en el navegador”.
- Encabezado: tu logo, chico, alineado a la izquierda o al centro.
- Hero: una imagen o titular que resume la oferta.
- Cuerpo: dos o tres frases y los beneficios en viñetas.
- CTA: un botón con color de contraste y un verbo claro.
- Footer: datos de la empresa y el enlace de baja.
Color, marca y contraste
Tu paleta refuerza la marca, pero el botón principal necesita un color que resalte del resto. Si todo tu correo es azul, el CTA azul desaparece.
Cuida el contraste pensando en accesibilidad: gris claro sobre blanco se lee mal, y bajo el sol en un celular, peor.
Buenas prácticas de diseño
Estas reglas suben la lectura y el clic sin que contrates a un diseñador caro.
- Diseña en una sola columna: se adapta al celular sin pelear.
- Deja aire. El espacio en blanco guía el ojo hacia el botón.
- Cuida la proporción de texto e imágenes; si todo es imagen y el cliente las bloquea, tu correo queda en blanco.
- Ponle texto alternativo (alt) a cada imagen.
- Un botón principal por correo. Si hay dos, que lleven al mismo destino.
- Prueba en modo oscuro: un logo negro sobre fondo transparente se esfuma.
Errores que arruinan tus resultados
Los vemos en auditorías todo el tiempo, y son fáciles de evitar.
- Un solo bloque de imagen gigante, sin texto real.
- Botones tipo enlace de texto que en el celular nadie atina a tocar.
- Fuentes de 10 px que obligan a hacer zoom.
- Cinco llamados a la acción compitiendo entre sí.
El diseño no trabaja solo
El correo mejor diseñado del mundo fracasa si llega a la persona equivocada. Por eso el diseño va de la mano con la segmentación en email marketing y con la herramienta que uses para enviar.
Antes de casarte con una plantilla, revisa qué permiten las distintas plataformas de email marketing: no todas dejan editar el HTML ni traen bloques responsivos decentes.
Preguntas frecuentes
¿Cuál es el ancho ideal de un correo?
600 px. Se ve completo en casi todos los clientes de correo sin scroll horizontal y se reduce bien en el celular.
¿Puedo hacer un correo solo con una imagen?
Puedes, pero es mala idea. Muchos clientes bloquean imágenes por defecto y tu mensaje se vería vacío; además, los correos 100% imagen caen más seguido en spam.
¿Qué tipografía conviene usar?
Fuentes seguras como Arial, Helvetica o Georgia, con respaldo del sistema. Las tipografías personalizadas no cargan en todos los clientes, así que define siempre una alternativa.
¿Cómo sé si mi diseño funciona?
Mide apertura, clic y clic por apertura, y haz pruebas A/B de un elemento a la vez. El diseño que gana es el que genera más clics reales, no el que más te gusta.
En Dinametra armamos plantillas de correo que se ven igual de bien en Gmail que en un iPhone y las conectamos a tu embudo de ventas. Si quieres correos que de verdad conviertan, agenda una llamada con nuestro equipo.
.svg)
