Capacity

Estandarización y diseño modular de plataforma logística enterprise

Diseñé y estandaricé la interfaz modular de una plataforma de planificación logística para Falabella. Mi trabajo consistió en crear módulos nuevos desde cero, rediseñar y estandarizar los existentes bajo un sistema de diseño coherente.

Capacity
UI DesignDesign SystemsModular ArchitectureEnterprise UXComponent Design

Cliente

Falabella Retail

Duración

8 meses

Equipo

4 personas (PM, 2 Dev, Designer)

Año

2024

Herramientas

FigmaMiroJira

Contexto y problema

Capacity era una plataforma de planificación logística en Falabella con múltiples módulos desarrollados de forma independiente a lo largo del tiempo. Cada módulo tenía su propia interfaz, componentes inconsistentes y patrones de interacción diferentes, lo que generaba confusión y dificultaba la adopción.

El problema

La falta de estandarización visual y funcional entre módulos generaba una experiencia fragmentada. Los usuarios tenían que reaprender la interfaz en cada módulo, los componentes se repetían con variaciones innecesarias, y no había un sistema de diseño que guiara el desarrollo de nuevas funcionalidades.

Inconsistencia visual entre módulos (colores, tipografías, espaciados)
Componentes UI duplicados con comportamientos diferentes
Patrones de navegación distintos en cada módulo
Curva de aprendizaje alta al pasar de un módulo a otro
Falta de sistema de diseño escalable para nuevos desarrollos
Dificultad para mantener coherencia al agregar funcionalidades
Contexto del proyecto

Mi rol y responsabilidades

Lead Product Designer

Fui el diseñador responsable de estandarizar toda la plataforma Capacity. Mi trabajo fue auditar los módulos existentes, crear un sistema de diseño unificado, rediseñar módulos legacy y diseñar nuevos módulos desde cero bajo estándares consistentes.

Lo que hice directamente

  • Auditoría de módulos existentes e identificación de inconsistencias
  • Diseño de sistema de componentes reutilizables (Design System)
  • Rediseño de módulos legacy bajo nuevos estándares visuales
  • Diseño de nuevos módulos desde cero con arquitectura modular
  • Documentación de patrones de diseño y guías de uso
  • Especificaciones técnicas para implementación de componentes
  • Colaboración con desarrollo para asegurar consistencia

Enfoque de trabajo

Mi enfoque fue crear un sistema de diseño modular que pudiera escalar. Primero audité lo existente para identificar patrones comunes y divergencias. Luego establecí un lenguaje visual unificado, rediseñé módulos legacy y diseñé nuevos módulos bajo la misma arquitectura de componentes.

1

Auditoría y Análisis

Revisé todos los módulos existentes, documenté componentes, identifiqué inconsistencias y oportunidades de estandarización.

2

Sistema de Diseño

Creé un design system con componentes base, tokens de diseño (colores, tipografías, espaciados) y patrones de interacción reutilizables.

3

Rediseño de Módulos Legacy

Apliqué el nuevo sistema a módulos existentes, manteniendo funcionalidad pero mejorando consistencia visual y UX.

4

Diseño de Nuevos Módulos

Diseñé módulos desde cero utilizando componentes del sistema, asegurando coherencia desde el inicio.

Proceso de trabajo

Resultados e impacto

El rediseño y estandarización de Capacity generó una plataforma coherente y escalable. El sistema de diseño modular permitió que nuevos módulos se desarrollaran más rápido, con mayor consistencia y menor curva de aprendizaje para usuarios.

7+
Módulos estandarizados
50+
Componentes reutilizables
100%
Módulos bajo mismo sistema
60%
Reducción en tiempo de diseño

Impacto observable

  • Sistema de diseño modular implementado en toda la plataforma
  • Reducción del 60% en tiempo de diseño de nuevos módulos
  • 100% de módulos legacy rediseñados bajo nuevos estándares
  • Biblioteca de componentes documentada y accesible para desarrollo
  • Mejora en consistencia visual y experiencia de usuario
  • Arquitectura escalable para futuros desarrollos

Decisión clave y aprendizaje

Decisión clave

Decidí priorizar la creación de un sistema de componentes atómicos reutilizables antes de rediseñar módulos. Esto ralentizó el inicio, pero permitió escalar el diseño de forma eficiente. Cada módulo se construyó con los mismos bloques básicos, asegurando consistencia automática.

Lo que aprendí

Aprendí que estandarizar sistemas existentes es más complejo que diseñar desde cero. Requiere balancear respeto por decisiones previas con necesidad de coherencia. También entendí el valor de un design system bien documentado: no solo unifica visualmente, sino que acelera el desarrollo y reduce deuda de diseño.

"Este proyecto me enseñó a pensar en sistemas, no en pantallas individuales. La verdadera complejidad no está en diseñar componentes bonitos, sino en crear una arquitectura que permita coherencia a escala. El diseño modular no es solo organización visual, es una estrategia de producto."

Galería de módulos

Explora los diferentes módulos estandarizados de la plataforma Capacity

Proceso visual 1
1 / 4

¿Te interesa trabajar en proyectos de planificación logística?

📧 Escríbeme: [email protected]