Descripción del proyecto
La organización de turismo VisitScotland tiene dos mercados, B2B y B2C, estos dos equipos funcionaban como marcas independientes, lo que generaba inconsistencias en el diseño de los productos digitales.
Los componentes, patrones y estilos variaban entre sitios web, ralentizando la colaboración y fragmentando la experiencia de usuario. Necesitábamos unificar el lenguaje visual, mejorar la accesibilidad y crear una base de diseño compartida y escalable para diseño y desarrollo. El objetivo no era solo un rediseño visual, sino construir un sistema preparado para la colaboración a largo plazo y el crecimiento de producto.
Habilidades:
Diseño centrado en el usuario
Accesibilidad
Component libraries
Design systems
Responsive design
Metodologías Agile
Figma
Enfoque
Tras el brand refresh que unificó ambas áreas de la compañía, iniciamos una design audit para revisar estilos de ilustración, detectar componentes duplicados y priorizar mejoras de accesibilidad. Seguidamente, se hizo una librería de componentes y un design system.
Design Audit
Revisamos estilos, componentes y patrones existentes para identificar inconsistencias y detectar oportunidades de mejora.
Creación de la librería de componentes
Construimos una colección sólida de elementos y patrones de UI reutilizables en Figma, alineados con los estándares de accesibilidad WCAG 2.2.
Implementación del design system
Definimos tokens, convenciones de nomenclatura y guías claras para que los equipos de diseño y desarrollo trabajaran compartiendo un mismo lenguaje.
Trabajo multidisciplinar
La colaboración con el equipo de desarrollo garantizó que los componentes no solo fueran visualmente consistentes, sino también técnicamente fiables y eficientes de implementar.
Estilo de ilustración
Desarrollamos un estilo de ilustración único para todas las áreas de la empresa, acompañado de guías detalladas que aseguraban su creación y aplicación consistente en todas las plataformas.
Resultados
Creamos un design system consistente y accesible que elevó la presencia de la marca VisitScotland y transformó la forma en que trabajaban los equipos, resultando en una colaboración más amena acelerando la publicación de nuevas funcionalidades del producto.
Consistencia entre plataformas
Tanto los equipos B2B y B2C utilizan ahora el mismo lenguaje visual compartiendo componentes, reduciendo desalineaciones de diseño.
Mejora de la accesibilidad
Componentes y estilos se actualizaron para cumplir estándares de accesibilidad WCAG 2.2, haciendo el producto más accesible e inclusivo.
Mejora en la colaboración
La creación de tokens, las convenciones de nomenclatura y los workflows comunes mejoraron la comunicación y aceleraron el handoff entre diseño y desarrollo.
Guía de referencia única
El sistema actúa como plantilla para futuros proyectos, ayudando a mantener la calidad a medida que el producto evoluciona.