Todos los proyectos

Product Design · UX/UI · Fintech · Mobile

Invertir en la bolsa desde el celular, sin que la interfaz sea la barrera.

Diseñé Home Broker para democratizar el acceso al mercado de capitales: una experiencia mobile con dashboard claro, mercado navegable, detalle de activos y operatoria guiada de compra y venta.

Producto
Home Broker
Rol
UX/UI Designer · User flows · UI Kit · Prototipado
Enfoque
Diseño mobile-first
Herramientas
Figma
Hero del case study Home Broker
Mockups de dashboard, mercado y operatoria en mobile.

El proyecto

Invertir en el mercado de capitales desde el celular, con una experiencia pensada para retail.

Home Broker propone democratizar el acceso a la bolsa con una app mobile simple y segura: ver cartera, explorar el mercado y operar sin sentir que la herramienta trabaja en tu contra.

El proyecto parte de una premisa clara: invertir de forma simple y segura no debería exigir aprender una interfaz hostil primero.

Diseñé una experiencia mobile-first con onboarding, login biométrico, dashboard de cartera, exploración de activos y flujos de compra y venta con confirmación explícita.

El diseño tenía que bajar la ansiedad de operar dinero real, no agregar dramatismo con más datos en pantalla.

Presentación del proyecto
Onboarding, login y primeras pantallas del producto.

Problema y solución

Menos complejidad visual, más claridad para decidir y operar.

El problema

Plataformas intimidantes

Las apps existentes suelen sentirse complejas para usuarios que recién empiezan a invertir.

Lenguaje poco claro

Términos financieros, densidad de datos y poca jerarquía dificultan entender qué hacer en cada momento.

Operatoria con fricción

Comprar o vender requiere demasiados pasos, poca guía y feedback insuficiente en el camino.

La solución

Interfaz limpia

Jerarquía visual clara para saldo, rendimiento y activos sin saturar la pantalla.

Procesos guiados

Flujos paso a paso para operar con confirmación y estados de éxito explícitos.

Lenguaje accesible

Copy y estructura pensados para reducir la curva de aprendizaje del usuario retail.

Problema y solución
Contraste entre complejidad heredada y propuesta simplificada.

Personas

Desde el primer inversor hasta quien opera todos los días.

Inversor novato

Lucas

Objetivo
Empezar a invertir con confianza, entendiendo qué compra y cuánto arriesga.
Frustración
Las plataformas le parecen técnicas y teme equivocarse al operar.

Trader experimentada

Carla

Objetivo
Consultar precios, gráficos y ejecutar operaciones rápido desde el móvil.
Frustración
Apps lentas o con demasiados pasos para acciones que repite todos los días.

User flow

Un recorrido completo desde el login hasta la confirmación de la operación.

Mapeé el camino crítico para que cada paso tenga un solo foco: entrar, entender el mercado, analizar un activo, operar y confirmar con feedback claro.

InicioLoginDashboardMercadoDetalleOperarConfirmar
User flow de la aplicación
Diagrama de flujo con decisiones y estados de éxito.

Design system

Un lenguaje visual fintech: azul de confianza, verde y rojo con función.

Sans-serif moderna con pesos contrastados para saldos, tickers y datos de mercado.

  • Azul primario

    #2563EB · Header, acciones principales, marca

  • Verde

    #16A34A · Subas, compra, éxito

  • Rojo

    #DC2626 · Bajas, venta, alertas

  • Gris UI

    #F3F4F6 · Fondos y tarjetas secundarias

Design system y componentes
Wireframes de baja fidelidad
Wireframes de estructura antes del UI final.

Pantallas clave

Cartera, mercado, detalle y operatoria en alta fidelidad.

Dashboard / cartera

Saldo total, rendimiento del día y listado de activos con variación en verde o rojo.

Mercado

Buscador y filtros por tipo de instrumento: acciones, bonos, CEDEARs.

Detalle de activo

Gráfico, estadísticas clave y acciones fijas de comprar y vender.

Operatoria

Formulario de monto o cantidad, estimación de total y confirmación de operación.

Éxito

Pantalla de confirmación con resumen de la transacción y retorno al portafolio.

Dashboard y cartera
Dashboard con saldo y activos.
Listado de mercado y búsqueda
Mercado con búsqueda y variación de precios.
Detalle de activo y operatoria
Detalle de activo, compra/venta y confirmación.

Aprendizajes

Lo que el proyecto dejó como criterio de diseño fintech mobile.

La confianza se diseña en el flujo

En fintech retail, cada paso de compra necesita claridad sobre monto, comisión y resultado.

Color con función, no decoración

Verde y rojo comunican variación y tipo de operación; deben usarse con consistencia semántica.

Mobile primero, siempre escaneable

El usuario opera en movimiento: prioricé tarjetas, listas legibles y CTAs fijos en pantallas críticas.

Cierre del case study

Más proyectos

Home Broker, Case study de Product Design · Julian Gómez Acevedo

Hablemos →