Redbility — Un sistema de diseño para la logística de Zara: donde la marca se encuentra con la operativa.

Design Systems

Redbility

Un sistema de diseño para la logística de Zara: donde la marca se encuentra con la operativa.

Construir coherencia visual entre productos operativos sin perder la identidad editorial de la marca.

ClienteInditex / Zara
RolDesign System Specialist
Periodo2023–2024

Visión general

Durante mi etapa en Redbility trabajé como Design System Specialist dentro del ecosistema logístico de Inditex, en proyectos vinculados directamente a la vertical de Zara.

El ecosistema incluía herramientas internas utilizadas por equipos de operaciones, almacén y supply chain. Cada producto tenía su propia lógica visual, sus propias decisiones de interfaz, y sus propias inconsistencias acumuladas a lo largo del tiempo. El resultado era un conjunto de herramientas funcionales, pero fragmentadas.

El objetivo: una base de sistema común que aportara coherencia entre productos, mantuviera el lenguaje visual de Zara y funcionara en contextos de uso radicalmente distintos — desde dispositivos PDA hasta puestos fijos de escritorio.

El reto

El reto no consistía solo en unificar interfaces. Se trataba de trasladar una marca editorial — minimalista, precisa, con una estética muy definida — a un entorno operativo donde las prioridades son radicalmente distintas.

Los operarios trabajaban con distintos dispositivos, en condiciones lumínicas variables y, en muchos casos, utilizando elementos de protección como guantes o gafas. Las pantallas tenían alta densidad de información, los tiempos de atención eran cortos y los errores de interfaz tenían un coste real en eficiencia.

Tensión central
El sistema debía responder bien a las restricciones de un entorno industrial sin perder el ADN de la marca: contraste, precisión tipográfica, jerarquía limpia y una consistencia visual reconocible en cualquier producto del ecosistema.

Mi rol

Auditorías de producto

Análisis de interfaces existentes en el ecosistema logístico para detectar inconsistencias, patrones recurrentes y oportunidades de unificación.

Arquitectura de tokens

Definición de la estructura a dos niveles (global + semántico), decisión deliberada frente a modelos más complejos para favorecer la adopción.

Definición de componentes

Diseño de los componentes base del sistema, con variantes adaptadas a los contextos de uso de cada producto del ecosistema.

Documentación

Creación de documentación orientada al consumo real por equipos de diseño y desarrollo distribuidos.

Coordinación con desarrollo

Colaboración directa con ingeniería para asegurar que las decisiones de diseño se trasladaran fielmente a implementación.

Decisiones de accesibilidad

Adaptación de contrastes, tamaños y estados para funcionar en entornos adversos: iluminación variable, dispositivos PDA, uso con guantes.

Proceso y decisiones

El proceso se estructuró alrededor de tres focos: entender el ecosistema real, tomar decisiones de arquitectura con criterio, y trasladar la identidad de marca a un contexto donde la usabilidad manda.

Sistema de color aplicado a pantallas reales
Descubrimiento

Auditoría del ecosistema

Partimos de un análisis sobre productos reales del ecosistema logístico: pantallas de almacén, dashboards de stock y flujos asociados a la operativa interna. Eso permitió detectar inconsistencias, necesidades funcionales y patrones que se repetían entre herramientas.

Decisión de arquitectura

Dos niveles de tokens, no tres

Optamos por una estructura de dos niveles: tokens globales (paleta, tipografía, espaciado) y tokens semánticos (superficies, texto, bordes, interactivos). Descartamos deliberadamente una tercera capa de component tokens — habría complejizado la adopción sin aportar valor proporcional en ese momento del proyecto.

Criterio visual

La marca Zara en contexto industrial

Cada decisión visual pasaba por un filtro doble: ¿funciona para la marca? ¿Funciona para el operario? Mantuvimos minimalismo editorial, contraste y presencia tipográfica, pero adaptados a condiciones donde la usabilidad tenía que ser prioritaria.

Resultado

No dispongo de métricas de negocio asociadas a este proyecto, pero puedo hablar del impacto desde la experiencia directa de trabajo.

Consistencia entre productos
Las herramientas dejaron de parecer aplicaciones inconexas y empezaron a compartir un lenguaje visual coherente.
Vocabulario compartido
La documentación de tokens generó un lenguaje común entre diseño y desarrollo que antes no existía.
Base escalable
Nuevos equipos y productos pudieron apoyarse en el sistema como punto de partida, reduciendo decisiones redundantes.
Accesibilidad operativa
Ajustes en contraste, tamaños y estados hicieron las interfaces más usables en condiciones reales de almacén.

Reflexión

Operativa con diseño editorial

Demostramos que un sistema de gran volumen no tiene por qué renunciar a la elegancia y coherencia de una gran marca de moda.

Un buen sistema de diseño no se mide solo por su arquitectura o su documentación, sino por su capacidad de funcionar cuando las condiciones no son ideales.

Diseñar un sistema para una marca como Zara, pero aplicado a un entorno industrial, obliga a tomar decisiones con un equilibrio poco habitual. Hay una tensión constante entre la voluntad de mantener una estética editorial y reconocible, y la realidad de que alguien va a usar esa interfaz con guantes, en un almacén con luz artificial, durante un turno de ocho horas.

Lo que me llevo de este proyecto es que, a veces, la mejor decisión técnica es la más simple.