Acció

Acció es la agencia pública para la competitividad de la empresa catalana. Impulsa el crecimiento del tejido empresarial informando y acompañando a las compañías a través de la innovación, la internacionalización y la atracción de inversiones.

Es un referente público en la transformación de las empresas. Cuenta con una red de 40 oficinas repartidas por el mundo, 7 delegaciones en Cataluña y colabora con instituciones públicas y privadas para hacer hoy la empresa del mañana.

Informar a las empresas de sus servicios y ayudas es fundamental, así que nos pidieron aplicar su nueva imagen de marca a todas las comunicaciones corporativas de email marketing.

Y no era solo cuestión de estética. Cambiamos el estilo, la estructura de contenidos y los tamaños de todos los elementos de los emails. Los boletines de Acció no se adaptaban bien al móvil, así que desarrollamos además una maquetación responsive óptima para cualquier resolución.

Las comunicaciones de Acció a sus suscriptores llevan información muy detallada y completa, así que había que mostrarla de la forma más clara posible, equilibrando estética y densidad de contenido. Todos los emails, además, debían cumplir los estándares de accesibilidad AA, que abren el contenido a personas con capacidades distintas.

Un suscriptor puede recibir boletines de varias secciones. Por eso cada tipo de boletín tiene que distinguirse del resto a simple vista, para que nadie confunda una comunicación con otra.

Con las necesidades del cliente sobre la mesa, estudiamos las soluciones posibles para este proyecto de rediseño y maquetación de emails. El trabajo se dividió en varias fases.

Análisis de contenido

El equipo, coordinado por el gestor de proyecto, analizó los emails que Acció estaba enviando en ese momento. De ahí salieron las mejoras a implementar según las necesidades y posibilidades del momento. Por ejemplo:

• Botones de call to action visibles y que destaquen.
• Revisión del tamaño del copy y de las imágenes.

Wireframes y prototipado

Con el análisis en la mano propusimos una estructura nueva para el contenido de todos los emails, que sirvió de base para materializar el diseño.

Esta fase de wireframes nos ayudó también a reordenar un contenido muy amplio y a dividirlo en bloques que funcionan igual de bien en desktop y en mobile.

Diseño gráfico

Partiendo de la arquitectura aprobada, analizamos las necesidades de diseño junto a las de desarrollo: tamaños de copy y de imagen, formatos, tipografías, gama de colores. Todo dentro de los estándares de accesibilidad y sin salirse de la identidad visual y corporativa de Acció.

El color es lo que diferencia los tipos de email. Cada boletín tiene un color principal, siempre dentro de la gama cromática corporativa, que se aplica en titulares, botones y textos destacados.

Maquetación

El equipo de desarrollo siguió de cerca cada propuesta para asegurar que el nuevo diseño fuera compatible y viable en la maquetación. Planteamos una maquetación HTML de estructura claramente jerarquizada y mobile first.

Contamos también con los lectores de correo más problemáticos, Outlook (Windows) y Gmail, que dan menos soporte, y preparamos alternativas para las decisiones de diseño que ahí no se ven como deberían.

Testing y revisión

Por último, testeamos todos los emails en distintas herramientas para verificar que el contenido se adapta bien a cualquier dispositivo. Con la accesibilidad siempre delante: contraste de colores, estructura, tamaños de texto, textos alternativos.

Las comunicaciones de Acció llevan mucha información y muy detallada, así que el rediseño se centró en equilibrar estética y densidad: análisis de contenido, wireframes y prototipos distintos según el destinatario, hasta dar con una estructura donde lo importante se ve antes de hacer scroll.

En comunicación institucional el problema rara vez es la falta de contenido. Es que nadie llega al final.