{"id":8486,"date":"2017-09-25T23:10:00","date_gmt":"2017-09-25T21:10:00","guid":{"rendered":"http:\/\/www.usandizaga.com\/design\/?p=8486"},"modified":"2019-05-29T23:05:32","modified_gmt":"2019-05-29T21:05:32","slug":"entrevista-a-nicolas-garnier-email-marketing-mjml-y-mailjet","status":"publish","type":"post","link":"https:\/\/www.usandizaga.com\/design\/entrevista-a-nicolas-garnier-email-marketing-mjml-y-mailjet\/","title":{"rendered":"Entrevista a Nicolas Garnier: email marketing, MJML y Mailjet"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

MJML lenguaje\u00a0desarrollado para el dise\u00f1o responsive de mailing<\/h2>

Habitualmente invitar a nuestras intervi\u00fas a gente del mundillo del dise\u00f1o gr\u00e1fico, la ilustraci\u00f3n o la fotograf\u00eda. Esta vez, vamos a hacer una entrevista algo at\u00edpica para nosotros, muy interesante y de la que seguro aprenderemos mucho. De los lenguajes gr\u00e1ficos, saltaremos a lenguajes de programaci\u00f3n y al email marketing.<\/p>

Ultimamente nos han llegado noticias de Mailjet<\/a>\u00a0y del nuevo lenguaje de programaci\u00f3n MJML<\/a> que han desarrollado para el dise\u00f1o responsive de mailing. Parece que este nuevo lenguaje de c\u00f3digo abierto que facilita el dise\u00f1o de emails adaptables de una manera r\u00e1pida y sencilla, ha tenido muy buena acogida entre la comunidad de desarrolladores y dise\u00f1adores.<\/p>

Con todo ello, vamos a tener el placer de poder preguntar sobre el tema a uno de los Gur\u00fas en este \u00e1rea, el Product Manager de MJML<\/strong> y miembro del equipo de desarrolladores evangelistas de Mailjet Nicolas Garnier<\/strong>.<\/p>

https:\/\/mjml.io\/<\/a>
https:\/\/es.mailjet.com\/<\/a>
https:\/\/www.linkedin.com\/in\/nicogarnier<\/a><\/p>

Cu\u00e9ntanos Nicolas, \u00bfcu\u00e1l es tu experiencia y qu\u00e9 haces actualmente?<\/strong><\/h3>

Despu\u00e9s de hacer unas pr\u00e1cticas en el equipo de Developer Relations de Microsoft, me un\u00ed al equipo de Developer Relations en Mailjet. En este puesto, tuve la oportunidad de participar en meetups y conferencias en todo el mundo para conocer a nuestra comunidad, adem\u00e1s de trabajar en la API y su ecosistema. Me puse al mando de MJML<\/strong> cuando lo abrimos en formato open-source en febrero de 2016.<\/p>

\"\"<\/p>

Para quien no est\u00e9 puesto en el tema \u00bfqu\u00e9 es el email marketing y qu\u00e9 destacar\u00edas de las tendencias actuales?<\/strong><\/h3>

El email marketing consiste en conectar con tus usuarios y clientes a trav\u00e9s de mensajes personalizados y espec\u00edficos (al menos, eso esperamos). Con un retorno de la inversi\u00f3n de 3800% (38 \u20ac por cada 1 \u20ac invertido), el correo electr\u00f3nico es el canal con mayor ROI<\/a>, aproximadamente 40 veces m\u00e1s que la adquisici\u00f3n realizada a trav\u00e9s de Facebook o Twitter.<\/p>

En lo que a las tendencias se refiere, lo m\u00e1s importante es tener en cuenta que el m\u00f3vil debe ser la preocupaci\u00f3n principal. Hoy en d\u00eda, m\u00e1s del 50% de los usuarios leen su correo <\/a>electr\u00f3nico en el m\u00f3vil, y ese porcentaje no deja de crecer. Puesto que los receptores est\u00e1n acostumbrados a tener una gran experiencia cuando usan su tel\u00e9fono m\u00f3vil para navegar por sitios web y leer contenido, debemos asegurarnos de que nuestros mensajes se ajustan al dispositivo que m\u00e1s usan nuestros suscriptores.<\/p>

\"\"<\/p>

Habl\u00e1bamos de MJML, pero \u00bfqu\u00e9 es, de donde surge y para qu\u00e9 sirve exactamente?<\/strong><\/h3>

MJML es un lenguaje de marcas creado espec\u00edficamente para el email. Est\u00e1 basado en una sintaxis sem\u00e1ntica que facilita el aprendizaje y su comprensi\u00f3n, y es responsive por defecto. MJML integra todos los fallbacks, hacks y estilos responsivos para hacer que tu email se vea bien en los principales clientes de email. Es tambi\u00e9n muy flexible, as\u00ed que no est\u00e1s limitado por el framework, e incluso puede crear sus propios componentes personalizados MJML.<\/p>

\"\"<\/p>

Parece que MJML ha tenido muy buena acogida \u00bfcu\u00e1l crees que ha sido la clave de su \u00e9xito?<\/strong><\/h3>

En primer lugar, el problema es real. Hay docenas de clientes del email (clientes m\u00f3viles, clientes desktop y webmails), pero no hay ning\u00fan est\u00e1ndar entre ellos, incluso entre diferentes versiones de un \u00abmismo\u00bb cliente de correo electr\u00f3nico, como Outlook 2003 y Outlook 2010. Adem\u00e1s, muchos clientes de email proporcionan un soporte de HTML muy limitado, lo que hace que la tarea de crear un email responsive que funcione en todos los clientes de email sea incluso m\u00e1s dif\u00edcil.<\/p>

Por eso, creo que algunos de los aspectos que realmente ayudaron a MJML a triunfar tan bien fueron el hecho de que est\u00e1 enfocado espec\u00edficamente en el email, su filosof\u00eda avanzada y su esp\u00edritu de comunidad.<\/p>

\"\"<\/p>

Vemos que la comunidad relacionada con MJML est\u00e1 creciendo rapid\u00edsimo \u00bfpor qu\u00e9 crees que es tan importante ese trabajo en equipo?<\/strong><\/h3>

Este problema es tan complejo que necesitamos la ayuda de toda la comunidad para resolverlo. Creo que hemos logrado construir una comunidad y hacerla crecer tan r\u00e1pidamente porque hemos demostrado a los usuarios que pueden confiar en nosotros. Somos transparentes, abiertos y reactivos. Siempre estamos listos para integrar las novedades de la comunidad del email de forma \u00e1gil, y as\u00ed es como hemos podido ir mejorando MJML de forma constante a lo largo de los \u00faltimos meses.<\/p>

\"\"<\/p>

En un mundo digital en el que est\u00e1n creciendo frameworks c\u00f3mo Bootstrap o Foundation \u00bfpor qu\u00e9 crees que era necesaria la creaci\u00f3n de este nuevo lenguaje?<\/strong><\/h3>

El problema con las alternativas que ahora mismo tratan de abordar este problema es que no est\u00e1n centradas en el email. La mayor\u00eda de las veces, han intentado aplicar conceptos y paradigmas del dise\u00f1o web al contexto del correo electr\u00f3nico. Sin embargo, el correo electr\u00f3nico es tan espec\u00edfico que esta estrategia no funciona.<\/p>

Otra motivo importante es que normalmente son demasiado pesadas como para poder instalarlas y usarlas, y vienen con una serie de limitaci\u00f3n: o bien es su abstracci\u00f3n, o su flexibilidad.<\/p>

Por \u00faltimo, esas alternativas se han creado hace alg\u00fan tiempo y no se actualizan de forma peri\u00f3dica (si es que se actualizan) para reflejar las evoluciones que se producen en el mundo de los clientes de email.<\/p>

\"\"<\/p>

Para poder usar MJML \u00bfhemos de ser programadores experimentados? \u00bflos dise\u00f1adores deber\u00edamos de estar interesados en esto?<\/strong><\/h3>

MJML es un lenguaje de marcas, por lo que en un principio est\u00e1 dirigido a los desarrolladores. Sin embargo, como es tan f\u00e1cil de usar, tenemos tanto muchos profesionales del marketing como desarrolladores en la comunidad. El \u00fanico requisito es tener al menos un m\u00ednimo de inter\u00e9s en el desarrollo.<\/p>

En general, la parte m\u00e1s dif\u00edcil de aprender a usar MJML es aprender la sintaxis com\u00fan a cualquier XML (como HTML). Si ya est\u00e1s familiarizado con esto, usar MJML es facil\u00edsimo.<\/p>

\"\"<\/p>

\u00bfNos podr\u00edas dar algunas pistas de qu\u00e9 est\u00e1is trabajando actualmente con MJML? \u00bfqu\u00e9 planes ten\u00e9is para el futuro? \u00bfy planes de Mailjet?<\/strong><\/h3>

Por supuesto, de hecho tenemos mucho entre manos en lo que a MJML se refiere.<\/p>

En primer lugar, estamos continuamente lanzando mejoras e iteraciones <\/a> que funcionan sobre MJML, al menos una vez al mes.<\/p>

Despu\u00e9s, el tema m\u00e1s importante en el que estamos trabajando ahora es MJML 4, que es una evoluci\u00f3n muy significativa de MJML. Estamos renovando totalmente la base de c\u00f3digo de MJML para hacerla m\u00e1s efectiva y a\u00fan m\u00e1s flexible. Uno de los elementos principales de esta nueva versi\u00f3n ser\u00e1 la creaci\u00f3n de componentes personalizados propios, que ha sido significativamente simplificada. Como siempre, somos totalmente transparentes en nuestro trabajo, as\u00ed que se puede seguir el progreso en Github <\/a>, y publicamos informes de progreso <\/a> peri\u00f3dicamente.<\/p>

Adem\u00e1s, la innovaci\u00f3n no es algo exclusivo de MJML, en Mailjet tambi\u00e9n tenemos muchas cosas emocionantes entre manos. Acabamos de lanzar nuestra \u00faltima funci\u00f3n, el Control en Tiempo Real<\/a>,
que permite a nuestros usuarios supervisar los principales indicadores de env\u00edo del correo transaccional mediante la creaci\u00f3n de alertas, para que el usuario no tenga que estar pendiente. Mailjet es el primer proveedor de servicios de email en ofrecer esta caracter\u00edstica.<\/p>

\"\"<\/p>

En el r\u00e1pido desarrollo de nuevas tecnolog\u00edas y lenguajes \u00bfCu\u00e1l crees que pueden ser las derivas en el dise\u00f1o de emails en los siguientes a\u00f1os?<\/strong><\/h3>

Aqu\u00ed, puedo imaginar dos posibles evoluciones.<\/p>

Por un lado, imaginamos (y esperamos) que los diferentes clientes de email evolucionen, poco a poco, hacia un est\u00e1ndar com\u00fan moderno, para hacer la vida de los desarrolladores de email m\u00e1s f\u00e1cil.<\/p>

En segundo lugar, el email se volver\u00e1 m\u00e1s interactivo y se integrar\u00e1 mejor con otras plataformas. Las interacciones no se limitar\u00e1n a animaciones visuales, sino a acciones reales que los lectores podr\u00e1n realizar dentro de un correo electr\u00f3nico. As\u00ed a bote pronto, se me ocurre el realizar una compra, contestar a una encuesta o navegar por un cat\u00e1logo, por ejemplo.<\/p>

\"\"<\/p>

Nosotros que somos de ejemplos y de pr\u00e1ctica \u00bfnos podr\u00edas indicar alguna buena aplicaci\u00f3n de MJML en el email marketing?<\/strong><\/h3>

Originariamente, MJML fue desarrollado como una herramienta interna para generar HTML responsive de calidad y abstraer la complejidad del marcado de email en nuestro editor de correo electr\u00f3nico Passport<\/a>. Esto significa que cualquiera puede construir algo sobre esta base, y por eso hemos visto como se han creado varios editores de emails sobre la base de MJML en los \u00faltimos meses. Uno que me gusta especialmente es Delipress.io <\/a>, que es un completo complemento de email para WordPress (actualmente en beta) con un editor de email creado a partir de MJML.<\/p>

Otro proyecto que me encanta es la aplicaci\u00f3n de escritorio de MJML <\/a>, creada por Meriadec <\/a>.
Aunque Meriadec es un empleado de Mailjet, desarroll\u00f3 esta aplicaci\u00f3n en su tiempo libre y hace poco ha lanzado la v2. \u00a1Ahora, miles de usuarios de MJML utilizan y aman la aplicaci\u00f3n!<\/p>

Por \u00faltimo, obviamente tambi\u00e9n se pueden crear incre\u00edbles plantillas de email con MJML. Aqu\u00ed pod\u00e9is ver un ejemplo <\/a> de Dale, de Suitsupply, que ha sido un miembro activo de la comunidad MJML desde el primer d\u00eda.<\/p>

http:\/\/www.usandizaga.com\/design\/wp-content\/uploads\/2017\/09\/gallery.mp4<\/a><\/video><\/div><\/p>

Para terminar y partiendo desde tu experiencia \u00bfqu\u00e9 consejo les dar\u00edas a los estudiantes de dise\u00f1o interesados en el \u00e1rea de la creaci\u00f3n digital?<\/strong><\/h3>

Creo que lo m\u00e1s importante para tener \u00e9xito es ser humilde y curioso. Uno de los aspectos m\u00e1s desafiantes en nuestro campo, que es tambi\u00e9n lo que lo hace tan interesante, es que est\u00e1 en constante evoluci\u00f3n. Si quieres seguir siendo creativo y bueno en lo que haces, tienes que estar abierto y preparado para aprender todos los d\u00edas.<\/p>

Adem\u00e1s, \u00a1no juegues seg\u00fan las reglas! No vas a innovar si empiezas aceptando las limitaciones marcadas, as\u00ed que s\u00e9 ingenioso y mira a ver c\u00f3mo puedes desafiar el status quo, en vez de sufrirlo.<\/p>

Por \u00faltimo, se amable, ayuda a los dem\u00e1s y comparte lo que sabe. Por m\u00e1s inteligente que seas, mejorar\u00e1s diez veces m\u00e1s ense\u00f1ando a otros (que luego podr\u00e1n tambi\u00e9n ense\u00f1arte a ti) que guard\u00e1ndote lo que sabes como si fuera un secreto.<\/p>

\"\"<\/p>

\"\"<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

MJML lenguaje\u00a0desarrollado para el dise\u00f1o responsive de mailing Habitualmente invitar a nuestras intervi\u00fas a gente del mundillo del dise\u00f1o gr\u00e1fico, la ilustraci\u00f3n o la fotograf\u00eda. Esta vez, vamos a hacer … +info<\/a><\/p>\n","protected":false},"author":1,"featured_media":8501,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"generate_page_header":"","footnotes":""},"categories":[191],"tags":[109,311,312,292],"class_list":["post-8486","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entrevistas-creativas","tag-diseno-web","tag-email-marketing","tag-mjml","tag-tecnologia","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33","resize-featured-image"],"lang":"es","translations":{"es":8486},"pll_sync_post":[],"_links":{"self":[{"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/posts\/8486","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/comments?post=8486"}],"version-history":[{"count":0,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/posts\/8486\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/media\/8501"}],"wp:attachment":[{"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/media?parent=8486"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/categories?post=8486"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.usandizaga.com\/design\/wp-json\/wp\/v2\/tags?post=8486"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}