LB Finanzas — App & Plataforma Web

Product Design  ·  2023

LB Finanzas — App & Plataforma Web

Rediseño completo de producto para 135.000 usuarios

6+Productos lanzados
1.000+Clientes empresas
135K+Clientes totales
20+Flujos rediseñados

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.

LB Finanzas App — flujo de inversión en acciones y bonos internacionales
Flujo de inversión instantánea: selección de activo, cotización en tiempo real y confirmación

Proceso

01

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.

02

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.

03

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.

04

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.

LB Finanzas App — cuenta remunerada con gráfico de rendimientos
Cuenta Remunerada: dashboard de intereses con distribución de FCI, Cauciones y Plazos Fijos
LB Finanzas App — compra de dólares 24 horas
Dólares 24hs: "Comprá la cantidad que quieras, a la hora que quieras y sin esperas"

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.

LB Finanzas App — criptomonedas: BTC, ETH, USDT y +30 activos
Producto Crypto: pantalla de activo con precio en tiempo real, gráfico histórico y acciones de compra/venta

Herramientas y entregables

FigmaDesign SystemPrototypingUser ResearchiOS & AndroidWeb PlatformHandoffAccessibilityDesign TokensComponent Library

Resultados

6Productos rediseñados
20+Flujos documentados
80+Componentes en el DS
135K+Clientes activos