Trabajo / Front-end / Newsletters responsive
Newsletters que llegan enteras al móvil
Proyecto 17 de 28 del archivo 08 de 08 en Desarrollo front-end Ver la disciplina completa ↗
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