
Product Design · 2023
LB Finanzas — App & Plataforma Web
Rediseño completo de producto para 135.000 usuarios
Contexto
Con el crecimiento acelerado de LB Finanzas, la app original no podía soportar la complejidad de una plataforma que ya ofrecía seis productos financieros distintos. Cada nuevo producto había sido añadido sin un sistema de diseño unificado, lo que generaba inconsistencias en la navegación, la tipografía y los patrones de interacción.
El desafío
El rediseño debía resolver tres tensiones: (1) simplificar la navegación sin esconder funcionalidades avanzadas, (2) unificar seis verticales de producto con lógicas distintas en una sola experiencia coherente, y (3) ser escalable para el equipo de producto — es decir, documentado, con componentes reusables y tokens consistentes.

Proceso
Research y auditoría
Análisis heurístico de la app existente, entrevistas con usuarios y revisión de métricas de drop-off por flujo. Benchmark de apps fintech de referencia en la región.
Arquitectura de información
Reorganización de la navegación principal: reducción de la complejidad del menú, jerarquía de acciones primarias y secundarias, y definición del sistema de home como dashboard de estado.
Design system en Figma
Construcción del sistema de diseño desde cero: tokens de color, tipografía y espaciado, biblioteca de componentes atómicos (inputs, botones, cards, modales) y patrones de layout para iOS, Android y web.
Diseño por producto
Rediseño de los 6 flujos principales: Cuenta Remunerada, Criptomonedas, Dólares 24hs, Cuenta USA, Acciones & Bonos y Tarjeta Mastercard. Prototipado en alta fidelidad y handoff documentado.


Design system
El entregable central fue un design system completo en Figma: tokens semánticos de color, escala tipográfica, sistema de espaciado de 4px, más de 80 componentes atómicos y 30 patrones compuestos. El sistema cubre la app móvil (iOS y Android) y la plataforma web, con variantes para estados de carga, vacíos, errores y éxito. Esto redujo el tiempo de diseño de nuevas features en un 60% aproximado.
