Sistema de Diseño

Diseñando un sistema de diseño escalable para plataformas empresariales

Resumen del Proyecto

Rol
Diseñadora UX/UI, Líder del Sistema de Diseño
Tipo de producto
Ecosistema de plataformas empresariales
Alcance
Estandarización entre diferentes áreas y plataformas empresariales
Contribución principal
Definí estándares de diseño escalables, establecí procesos de gobernanza y alineé prácticas de UX/UI con el equipo de desarrollo en plataformas a nivel empresarial

Nota sobre transparencia

Este caso de estudio es una versión reconstruida de una iniciativa interna. Todos los elementos visuales y recursos se recrearon con fines demostrativos. No se revela información confidencial o propietaria.

Contexto

La organización operaba múltiples plataformas empresariales que soportaban flujos de trabajo operativos complejos. Cada plataforma evolucionó de manera independiente, influenciada por distintos equipos, tiempos y prioridades de negocio. Con el tiempo, esta fragmentación generó inconsistencias sistémicas:

  • Componentes clave que se comportaban de forma diferente entre plataformas
  • Falta de uniformidad en la jerarquía visual
  • Desalineación entre los sistemas de nomenclatura de diseño y desarrollo
  • Patrones reutilizables que se recreaban en lugar de estandarizarse
  • Ausencia de documentación


De forma aislada, estos problemas eran manejables. A escala empresarial, resultaban estructuralmente ineficientes. Uno de los principales retos fue crear un sistema que asegurara consistencia en todo el producto, manteniendo al mismo tiempo la flexibilidad necesaria para distintos casos de uso.

De la Iniciativa a la Infraestructura

Lo que comenzó como un esfuerzo por mejorar la consistencia de la interfaz evolucionó rápidamente hacia una conversación más amplia sobre arquitectura junto con el equipo de desarrollo.

Se hizo evidente que la organización no necesitaba mejoras aisladas de UI, sino una infraestructura de diseño escalable.

Me integré a la iniciativa como Diseñadora UX/UI y gradualmente asumí la responsabilidad de liderar el sistema de diseño desde el lado de diseño, enfocándome en:

  • Definición estructural
  • Estandarización de componentes
  • Procesos de coordinación
  • Alineación entre UX/UI y el equipo de desarrollo


El líder de UX/UI se encargaba de la coordinación con stakeholders y la gestión de escalaciones. Yo lideré la lógica del sistema, los estándares de calidad y su escalabilidad a largo plazo.

Estableciendo las Bases

Antes de crear componentes, definimos la arquitectura base para asegurar consistencia a escala. El sistema incluyó:

  • Una estructura semántica de tokens de color
  • Una jerarquía tipográfica escalable
  • Un sistema consistente de espaciado y layout
  • Reglas de sombreado y bordes redondeados
  • Estándares de contraste alineados con accesibilidad

El enfoque fue construir una base escalable que alineara diseño y desarrollo, reduciendo inconsistencias y mejorando la eficiencia. 

Auditoría y Estrategia de Estandarización

Se realizó una auditoría transversal para identificar inconsistencias, redundancias y vacíos estructurales. Los principales hallazgos fueron:

  • Múltiples variaciones de botones con la misma función
  • Comportamientos inconsistentes en validaciones de formularios
  • Estructuras y comportamientos inconsistentes en tablas
  • Falta de documentación en componentes reutilizables


En lugar de resolver problemas aislados de UI, la auditoría permitió definir un roadmap estructurado de componentes enfocado en: optimizar, reconstruir, estandarizar y documentar. Esto marcó la transición de correcciones reactivas a un modelo proactivo basado en sistemas.

Construcción del Sistema de Diseño

El sistema se diseñó como una base modular y escalable para soportar múltiples plataformas empresariales.

Los componentes principales incluyeron:

  • Botones
  • Elementos de formularios con estados de validación definidos
  • Tablas de datos optimizadas para entornos operativos complejos
  • Indicadores de estado y alertas
  • Patrones de navegación, layout y flujos de trabajo

Sostenibilidad e Impacto

Como líder del sistema de diseño, establecí un marco que permitiera la evolución del sistema sin perder su integridad. Esto incluyó:

  • Definir criterios claros de aceptación de componentes
  • Gestionar la priorización y el roadmap
  • Revisar y aprobar componentes
  • Asegurar alineación con los estándares base
  • Colaborar con el equipo de desarrollo para validar viabilidad

Resultados

Aunque cambios en las prioridades organizacionales limitaron la implementación completa del sistema, la iniciativa generó un impacto estructural medible:

  • Reducción de inconsistencias de diseño
  • Iteración más ágil en el producto
  • Establecimiento de estándares de documentación
  • Mejor colaboración entre UX/UI y el equipo de desarrollo
  • Creación de una base escalable para el crecimiento futuro de la plataforma

Lo Que Demuestra Este Proyecto