Elena de Gregorio®
Disponible para 2026
EN ES

Trabajo / Front-end / Newsletters responsive

Newsletters que llegan enteras al móvil

Diseño y maquetación de newsletters responsive. El correo es el único sitio donde todavía se maqueta con tablas anidadas: aquí el reto no es el diseño, es que sobreviva al gestor de correo que lo abra.

Email marketing · Photoshop · HTML + CSS

Proyecto 17 de 28 del archivo 08 de 08 en Desarrollo front-end Ver la disciplina completa ↗

Newsletter de viajes maquetada, vista en escritorio y en teléfono

Pieza

Newsletter de viajes

Disciplina

Front-end · Email

Formato

Escritorio y teléfono

Rol

Diseño y maquetación

El encargo

Una newsletter no se maqueta como una web. No hay hoja de estilos externa fiable, no hay flexbox y cada cliente de correo interpreta el HTML a su manera, así que lo que funciona en el navegador puede romperse en Outlook.

El encargo era una pieza de contenido —destinos, hoteles con precio y varias secciones editoriales— que tenía que leerse igual en un portátil que en un teléfono en el metro.

Cómo se resolvió

Estructura de tablas anidadas con anchos en píxeles como base, y media queries encima para el móvil: la retícula de tres hoteles pasa a columna única, las imágenes se reescalan al 100% y los botones mantienen su área de toque.

Las fotografías se prepararon en Photoshop al tamaño exacto en el que se sirven —nada de reescalar en el cliente— y cada bloque lleva su enlace propio, para que la llamada a la acción no dependa de un único botón al final.

Siguiente en Desarrollo front-end

SKÅL Madrid · La web en Angular