Sistema de diseño
Fisapay — Design System
Un lenguaje visual único y escalable, construido para acelerar al equipo de producto.
Contexto
A medida que Fisapay crecía, la falta de un lenguaje visual unificado ralentizaba cada nuevo desarrollo y generaba inconsistencias entre plataformas.
Mi rol
Lideré la construcción del sistema de diseño completo: fundamentos visuales y librería de componentes en Figma.
Proceso
- Auditoría de la interfaz existente para identificar inconsistencias.
- Definición de fundamentos: paleta de color, tipografía (Barlow) e iconografía.
- Construcción de una librería de componentes reutilizables (alertas, formularios, iconos).
Solución
Un sistema de diseño documentado — colores, tipografía, iconos y componentes — que se convirtió en la fuente única de verdad visual para el equipo.
✓
Mayor consistencia visual entre plataformas y un lenguaje de diseño escalable que aceleró el trabajo del equipo.
Mayor consistencia visual entre plataformas y un lenguaje de diseño escalable que aceleró el trabajo del equipo.