10 Regalos para hacerle a un Email Designer según HaceloResponsiveChe!

La gente de Email Design Review hizo hace un tiempo el Top 10 ideas de regalos para Email Designers. Entre las ideas que compartieron tenemos joyería (anillo y gemelos), sweaters con personajes de películas o juegos, una cafetera y otras cosas copadas. Me gustó la idea, y me pareció que estaría bueno hacer las "10 ideas de regalos para Email Designers según HaceloResponsiveChe!". Acá la tenemos:

Poniendo en práctica un poco de Responsive Email Design

En la nota anterior les dije que les iba a mostrar un ejemplo de Responsive Email Design y como lo prometido es deuda, acá les traigo un ejemplo bastante simple que hice para mis amigos de Zyncrovet. Vamos a adaptar el contenido, apilar columnas y modificar estilos en el texto, y lo que vamos a obtener es esto:

Media Queries y Email Design: Responsive Email Design

Actualmente casi la mitad de todos los emails abiertos, se abren en dispositivos móviles. Nosotros, los diseñadores y maquetadores de emails, tenemos esta tarea de que las comunicaciones se vean bien a través de las plataformas, dispositivos, aplicaciones y servidores. Para esto necesitamos la ayuda de los media-queries, y en esta nota te cuento un poco que son y como funcionan.

Empezar a adaptarnos a mobile: Fluid Design

¿Estás pensando en empezar a hacer tus comunicaciones mobile pero no sabes por dónde arrancar? ¿Querés algo que te lleve poco tiempo y sea fácil de aplicar? En esta nota vas a ver cómo adaptar tus piezas a dispositivos móviles sin la necesidad de que tu código se vuelva un chino.

Mobile-first, Fluid o Responsive Design?

No hace mucho alguien me dijo "Yo creia que eso del Responsive para emails era un mito". No solo NO es un mito, si no que un Email Mobile tiene más de una forma de ser. Desde Mobile-first, pasando por Fluid y finalmente Responsive Design, en esta nota te cuento las diferencias, ventajas y desventajas de cada uno.

El ABC del código para emails

Maquetar un email no es como maquetar una web. Cada cliente de email interpreta a su gusto el código y lo muestra como le parece. Además, no hay estándares a seguir.
En esta nota vas a encontrar todos los tips básicos que necesitas para no volverte loco y que tus htmls queden 10 puntos.

Presentandome

Hola a todos! Quería arrancar este blog presentandome. Mi nombre es Marie Seen, soy de Buenos Aires y hago email marketing, específicamente trabajo en el armado de comunicaciones y Responsive Email Design.
La idea de este blog me surgió haciendo, investigando, charlando con colegas. Me di cuenta que no hay grandes fuentes de información sobre Responsive Email Design en español, y que todas las dudas, necesidades y trucos los aprendí de fuentes en inglés. Entonces, porqué no tomar todo ese conocimiento adquirido y traducirlo para que muchos otros tengan acceso a esta información?
Para email marketing sabemos que no hay estándares y normalmente es todo prueba y error. Comparar, testear, hacer 10 versiones del mismo diseño para llegar al punto donde nuestro email se ve correctamente en la mayor cantidad de clientes de email y dispositivos posibles.
Hacelo Responsive, che! va a ser una fuente de información para todos aquellos que no sepan como maquetar para email marketing, para aquellos que quieran mejorar sus tecnicas de maquetación, para los que quieran empezar a "responsivizar" sus comunicaciones, para todos esos inconvenientes que aparecen y no se te ocurre como solucionar cuando estas maquetando un email.
Trataré de mantener lo más actualizado el blog en cuanto a técnicas y nueva información que vaya encontrando.
Espero que les guste y gracias por leer!
Cualquier consulta me escriben: mariegseen@gmail.com o también pueden seguir el blog en las redes sociales!
Twitter: @haceloresponsiv
Facebook: Hacelo Responsive Che
Y todo se repostea en Medium.

También pueden seguirme a mi!
Twitter: @marieseen
Linkedin: Marie Seen