Caso de éxito – XTM Brand refresh

Descripción del proyecto

Después de unirme al equipo de marketing de XTM, identifiqué algunos problemas, como la dificultad para entender el posicionamiento de la marca, así como para ejecutar como diseñadora debido a la falta de guías de estilo. Por ello, inicié un proyecto internamente para crear conciencia sobre los problemas y abogar por la necesidad de una revisión de la marca.

Detalles del proyecto

Participantes

Problema

La marca XTM se presentaba de manera inconsistente, y el posicionamiento de la marca no era claro.
Para demostrar estos puntos principales y llamar la atención sobre los hechos, enumeré todos los problemas encontrados en la imagen de la marca utilizando ejemplos prácticos, realizando una investigación de competidores y analizando una validación de estrategia de comunicación donde pedimos a un conjunto de clientes su opinión sobre la marca.

Problemas clave
  • Falta de guías de marca: visión general del mensaje de la empresa, directrices de diseño corporativo o tono de voz.
  • Falta de una arquitectura de marca clara: había una mezcla de logotipos sin un propósito claro esparcida entre diferentes puntos de contacto, creando confusión.
  • Falta de buenas prácticas: cuando llegué, dos logotipos diferentes eran válidos para el mismo propósito, creando confusión en la marca.
  • Paleta de colores con problemas de legibilidad y accesibilidad: los colores principales no ofrecían un contraste suficiente para pasar los estándares de accesibilidad.
  • La experiencia de usuario en el sitio web era deficiente: la falta de una arquitectura de marca clara estaba causando confusión en las estrategias de lanzamiento al mercado y de ventas. El menú del sitio web tenía categorías confusas, creando frustración en los usuarios.
  • Percepción de los usuarios/clientes, temas encontrados en entrevistas: anticuado, UI no comparable con otros sitios, el mensaje podría mejorarse…

Proceso de diseño / Solución

Habiendo investigado y analizado profundamente el mercado, los competidores y el público objetivo, reuní un nuevo mensaje de marca utilizando arquetipos para definir el tono de voz de la marca.

Una vez que la personalidad estaba clara, la traduje a la paleta de colores mientras resolvía algunos de los problemas recurrentes, como la accesibilidad y la falta de colores de acento.

1. Arquitectura de marca

Análisis y definición de la arquitectura de la marca. El primer paso fue analizar la oferta de productos de la marca, hacer un análisis de competidores y un análisis DAFO junto con los colaboradores interdisciplinares clave. El resultado fue la definición de la arquitectura de la marca bajo un modelo «Branded house».

2. Mensaje central de la marca

Creación del mensaje de marca, definición de arquetipos y tono de voz.

El segundo paso fue la definición del mensaje central de la marca, ya que da forma a todos los mensajes para la campañas y comunicación y los activos de marketing subsecuentes, e influye en la creación de la identidad visual: la identidad visual debe reflejar el mensaje.

3. Sistema de logotipos

Creación e implementación de un sistema de logotipos. Definición de un nuevo sistema de logotipos, creación de todas las versiones necesarias e implementación en todos los activos de marketing y productos, junto con la coordinación de todo ello y la colaboración y coordinación de la UI para actualizar los productos en consecuencia.

4. Sistema de diseño visual de la marca

Análisis y desarrollo para crear un nuevo marco de diseño y todos sus elementos. Creación, implementación y estandarización de elementos de diseño (tipografías, iconos, estilos de ilustración e imagen…) junto con reglas de uso y la creación de una biblioteca para que la empresa la utilice.

5. Sistema de papelería corporativa

Creación de un conjunto de plantillas para operar de manera consistente. Desarrollo de un conjunto de plantillas y procesos para mejorar la consistencia de la marca internamente y externamente en el día a día de la empresa (membretes, plantillas de documentos, plantillas de presentaciones, tarjetas de visita, etc.).

6. Manual de marca

Publicación e implementación de las directrices de la marca. Las directrices de la marca son el resumen de todo el trabajo realizado para definir y estandarizar la nueva marca. Su publicación interna dio inicio a la habilitación interna con una serie de seminarios web, comunicaciones y talleres para explicar los nuevos procesos implementados.

7. Presentación de la narrativa de la marca (storytelling)

Creación de la historia de la marca en un documento estandarizado. Una vez que la renovación de la marca se implementó internamente, la presentación de la narrativa de la marca fue el primer activo accionable entregado al equipo comercial y los empleados para activar el nuevo mensaje interna y externamente. Después, continuamos el esfuerzo creando diferentes presentaciones para diferentes etapas del embudo de conversión. Para ello, creamos una presentación estandarizada que incluía la oferta, puntos de dolor y soluciones ofertadas, también capacitamos al equipo para usar las nuevas plantillas y los procesos para utilizar los nuevos implementados.

8. Nuevo sitio web y sistema de diseño

Lanzamiento del sitio web rediseñado. Introducción de una apariencia consistente y mejorada UX/UI.

El manual de marca sirvió como base para crear el nuevo sistema de diseño para el rediseño de la web. Lideré la coordinación de todos los aspectos de diseño, conceptualicé y ejecuté el nuevo sistema de diseño, lo documenté para los desarolladores web y coordiné la construcción del sitio web dentro del equipo.

XTM website design system preview

Before and after, website XTM preview

9. Diseño de producto / colaboración interdisciplinaria

Alineación de la marca y colaboración interdisciplinaria UX/UI con el equipo de producto.
Trabajando con la directora de producto y diseñadores de producto para mejorar y alinear los productos de la marca con la nueva marca.

👋 ¿Interesado en discutir un proyecto o rol? ¡Hablemos!