Acció

Acció es la agencia pública para la competitividad de la empresa catalana. Su objetivo es impulsar la competitividad y el crecimiento del tejido empresarial catalán, informándoles y ayudándoles a crecer a través del fomento de la innovación, la internacionalización y la atracción de inversiones.

La agencia Acció es un referente público para contribuir a la transformación de las empresas. Cuenta con una red de 40 oficinas en todo 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 todos sus servicios y ayudas es fundamental para Acció, por lo que nos pidieron ayuda para aplicar su nueva imagen de marca en todas sus comunicaciones corporativas de email marketing.

Además de la actualización del diseño para reflejar la nueva identidad de marca, se han hecho cambios de estilo, estructura de contenidos y tamaños en todos los elementos de los emails. Los boletines de Acció no se adaptaban a móviles correctamente, por lo que también hemos desarrollado una nueva maquetación responsive que es óptima para su visualización en dispositivos de diferentes resoluciones.

Las comunicaciones que Acció hace a sus suscriptores contienen información muy detallada y completa, por lo que debíamos mostrar toda esa información de la forma más clara posible, equilibrando estética y densidad de contenido.  Además, todos los emails debían cumplir los estándares de accesibilidad AA, que permiten que el contenido sea accesible para personas de diferentes capacidades.

Un suscriptor de Acció puede recibir varios boletines de distintas secciones, por lo que cada tipo de boletín debe poder distinguirse del resto claramente, para que así el usuario pueda diferenciar un tipo de comunicación de otro.

Una vez conocidas las necesidades del cliente, desde Ondho estudiamos las posibles soluciones a utilizar en este proyecto de rediseño y maquetación de emails. Nuestro proceso de trabajo se ha dividido en las siguientes fases.

Análisis de contenido

El equipo, coordinado por el gestor de proyecto, analizó los diferentes emails que se estaban enviando desde Acció en ese momento. De ese estudio, planteamos diferentes mejoras a implementar de acuerdo con necesidades y posibilidades actuales, como, por ejemplo:

• Inclusión de botones tipo Call to action visibles y que destaquen
• Revisión del tamaño del copy y de las imágenes

Wireframes y prototipado

Después de este análisis, se ha realizado una propuesta de nueva estructura para el contenido de todos los emails, que nos ha servido como base para materializar el nuevo diseño planteado.

Esta fase de realización de wireframes también nos ha facilitado crear  la reestructuración del amplio contenido y la división en bloques, que funcionan tanto para  desktop como mobile.

Diseño gráfico

Partiendo de la arquitectura aprobada, se han analizado las diferentes necesidades de diseño junto con las de desarrollo: tamaños de copy y de imagen, formatos de imagen, tipografías a utilizar, gama de colores, etc. Todo esto siguiendo los estándares de accesibilidad y manteniendo la identidad visual y corporativa de Acció.

Se ha usado el color como elemento para diferenciar los tipos de emails. Cada boletín tiene un color principal, dentro de la gama cromática corporativa de Acció, que se aplica en titulares, botones o textos destacados.

Maquetación

El equipo de desarrollo ha seguido de cerca todas las propuestas enviadas para asegurar que el nuevo diseño sea compatible y viable en la maquetación. Se plantea una maquetación html de estructura claramente jerarquizada y mobile first.

Se han tenido en cuenta también los lectores de correo más problemáticos, como Outlook (Windows) y Gmail, que cuentan con un menor soporte, y se plantean alternativas para las opciones de diseño escogidas que no se ven de forma óptima en estos gestores.

Testing y revisión

Finalmente, todos los emails han sido testeados en distintas herramientas para verificar que el contenido se adapta bien a todos los dispositivos. Se ha tenido en cuenta la accesibilidad en temas de diseño como el contraste de colores, estructura, tamaños de texto, textos alternativos, etc.