AutomaLabContacto

2024 · Fintech (ejemplo)

Sistema de diseño para producto fintech

Biblioteca de componentes, tokens de color y tipografía, y documentación en Storybook alineada a WCAG 2.2 AA.

Personas revisando wireframes y diseño de interfaz

Contexto

Varios squads construían pantallas con estilos divergentes; los tiempos de entrega se alargaban por inconsistencias visuales y de accesibilidad.

Enfoque

  • Tokens de color, espaciado y tipografía compartidos.
  • Componentes en React con variantes y estados documentados.
  • Checklist de accesibilidad integrada en revisiones de PR.

Resultados (ejemplo)

  • Menor deuda visual entre web pública y panel interno.
  • Onboarding más rápido de diseñadores y desarrolladores nuevos.