Dentro de mi rol como único diseñador, una parte del trabajo ha sido el diseño de producto digital interno. He colaborado directamente con el equipo de software en el diseño UX/UI de aplicaciones de gestión a medida, desde la definición del problema y el research hasta los wireframes, la arquitectura de información y la interfaz final en Figma.
Para dar coherencia y escalabilidad a todo el producto digital interno, desarrollé e implementé un design system propio, componentes, tipografía, paleta, estados e iconografía, que homogeneizó el lenguaje visual de todas las aplicaciones y agilizó el proceso de diseño en cada nueva iteración. Este tipo de proyectos han requerido trabajar de forma integrada con perfiles técnicos, entender las necesidades reales de los usuarios finales y tomar decisiones de diseño que equilibren usabilidad, escalabilidad y contexto de uso industrial.

¿Quieres ver mi proceso completo en un proyecto de este tipo? En Flowdeck documento de principio a fin el rediseño de un sistema real de gestión de almacenes, desde el research hasta la UI final.

Cuando llegué a Labelmarket no existía ningún sistema de diseño. Ni siquiera el logo estaba resuelto: no había un archivo maestro, y cada persona lo conseguía haciendo capturas de pantalla a versiones anteriores, perdiendo calidad y variando de color cada vez. El resto del material se construía a base de plantillas de Canva sin relación entre sí, así que cada departamento producía diseños completamente distintos entre ellos.

Empecé por lo más básico: vectoricé el logo y actualicé la paleta a los colores corporativos correctos, ampliándola ligeramente con gradientes de los mismos tonos, de una paleta estancada de tres colores básicos a un sistema con más rango, pero sin perder coherencia con la marca.

La tipografía era Calibri por defecto. Negocié el cambio a una fuente con más personalidad y seriedad, que encajaba mejor con un entorno moderno y competitivo, y permitía títulos con más impacto.

El problema más urgente venía de desarrollo. Sin una biblioteca de iconos ni componentes, los equipos de software programaban pantallas cogiendo imágenes e iconos sueltos de internet, con estilos, colores y tipografías distintas en cada una. El resultado era una navegación inconsistente de principio a fin, distinta de una pantalla a otra.

Resolverlo significó sentarme con ellos, entender sus necesidades reales y construir una biblioteca de tokens de iconografía y componentes, botones, paddings, spacing, corner radius, etc. Creando un sistema de diseño basado en organismos llamada “Atomic Design” para poder tener documentado e implementado cualquier apartado de diseño necesario para cada sistema o petición externa.

No dejé nada a interpretación. Documenté spacing, padding, tipografía y color para cada contexto, y el grid responsive para desktop, tablet y móvil, con las reglas de cada tipo de menú y sección.

Desde entonces, el sistema se ha mantenido estable: se ha actualizado o ampliado puntualmente ante peticiones de cliente o restricciones técnicas de resolución, pero las reglas base no han cambiado, porque el reto prioritario fue construirlo bien, documentarlo e implementarlo. Hoy, los equipos de desarrollo saben exactamente cómo construir cada pantalla sin necesidad de supervisión constante, la consistencia dejó de depender de mí para depender del sistema.