Finzo

Finanzas simples, decisiones claras. App de finanzas personales para estudiantes universitarios que empiezan a vivir de forma independiente y necesitan organizar ingresos, gastos, servicios y fechas clave.

RolUX Research + UI Design + Branding
Año2025 – 2026
TipoMobile App · Fintech · Identidad de marca
HerramientasFigma · FigJam
Finzo — pantalla principal de la app
01 · Project overview

El desafío

Finzo es una app de finanzas personales pensada para jóvenes que empiezan a administrar su dinero sin herramientas claras para comprender cuánto gastan, cómo organizarse o qué decisiones tomar. La información financiera suele estar dispersa entre el home banking, el resumen de tarjeta y notas propias, usa términos complejos, y eso genera inseguridad a la hora de decidir.

El problema, en tres puntos

  • Falta de educación financiera: muchos jóvenes manejan su primera cuenta propia sin haber aprendido a leer un resumen o armar un presupuesto.
  • Gastos difíciles de interpretar: los movimientos aparecen en crudo, sin categorías ni contexto que ayuden a entender en qué se va el dinero.
  • Experiencias fragmentadas: consultar saldo, pagar un servicio y transferir suele requerir apps o pasos distintos, sin un lugar único.
Comprender

Gastos por categoría y su evolución en el tiempo, explicados con gráficos simples.

Organizar

Pagos, tarjetas y movimientos reunidos en un solo lugar, sin saltar entre apps.

Actuar

Ingresar, transferir o cobrar con confirmaciones claras en cada paso.

La respuesta de Finzo fue reunir saldo, movimientos, análisis, pagos y medios de cobro en una experiencia visual y guiada, que simplifica la información financiera para que cada persona pueda entenderla y actuar con confianza — menos complejidad, más control sobre el dinero.

Juan, 20

Estudiante · La Plata, Buenos Aires
Contexto
  • Estudia en La Plata
  • Vive con amigos y comparte gastos
  • Trabaja part-time
  • Tiene poca experiencia financiera
🎯 Meta: alcanzar independencia económica.
02 · Investigación

UX Research

Antes de diseñar, hice una investigación exploratoria para entender cómo estudiantes recién independizados se relacionan con el dinero: qué controlan, qué se les escapa y qué esperan de una app financiera.

User Research Encuestas online User Interviews Benchmarking Competitive Analysis
01

Necesitan ver su saldo y movimientos de forma rápida y clara, sin pasos extra.

02

Les cuesta anticipar vencimientos de servicios y terminan pagando tarde.

03

Quieren operaciones frecuentes (transferir, cobrar, cargar dinero) resueltas en pocos pasos.

03 · Information Architecture

Arquitectura de experiencia

Finzo organiza su arquitectura alrededor de cinco tareas principales. Los recorridos fueron diseñados para que las personas puedan consultar su situación financiera, administrar medios de pago y realizar operaciones cotidianas de manera simple.

El sistema está compuesto por 10 pantallas agrupadas en cuatro áreas: Finanzas, Operaciones, Productos y Cuenta.

Task Flows

Los Task Flows representan los pasos que realiza el usuario para completar un objetivo específico dentro de la aplicación.

A · Objetivo

Consultar gastos

Comprender cómo se utilizó el dinero durante un periodo determinado.

1Inicio→ 2Mi análisis→ 3Mi actividad→ 4Historial

Resultado: el usuario puede revisar sus gastos por categoría, analizar su evolución y consultar el detalle de cada movimiento.

B · Objetivo

Ingresar dinero

Cargar saldo en la cuenta de Finzo.

1Inicio→ 2Ingresar dinero→ 3Seleccionar método de ingreso→ 4Indicar monto→ 5Transferencia exitosa

Resultado: el dinero queda acreditado y el usuario recibe una confirmación de la operación.

C · Objetivo

Cobrar con QR

Generar un código QR para recibir dinero.

1Inicio→ 2Código QR→ 3Mostrar o compartir QR

Resultado: el código queda disponible para que otra persona pueda escanearlo y realizar el pago.

D · Objetivo

Gestionar pagos

Consultar próximos vencimientos y administrar los medios de pago.

1Inicio→ 2Pagos y servicios→ 3Mis tarjetas

Resultado: el usuario puede revisar sus servicios pendientes y gestionar la tarjeta utilizada para realizar pagos.

E · Objetivo

Administrar la cuenta

Consultar y modificar la información personal y las preferencias de seguridad.

1Inicio→ 2Perfil

Resultado: el usuario puede administrar sus datos personales, seguridad, notificaciones y opciones de soporte.

Detalle de task flows con estados de entrada, acción, decisión y resultado

User Flow

El User Flow representa la estructura general de navegación y las diferentes decisiones que puede tomar el usuario desde la pantalla de Inicio, organizada en cuatro áreas para evitar la sobrecarga de opciones.

Finanzas
  • Mi análisis
  • Mi actividad
  • Historial
Operaciones
  • Ingresar dinero
  • Cobrar con QR
  • Confirmación
Productos
  • Pagos y servicios
  • Mis tarjetas
Cuenta
  • Datos personales
  • Seguridad y acceso
  • Notificaciones
  • Ayuda y soporte

Las decisiones se presentan según la intención del usuario, no según la lógica interna del sistema

Principios UX aplicados

Reconocimiento
  • El usuario reconoce opciones claras y familiares.
Visibilidad
  • La información clave está siempre visible y accesible.
Confirmación
  • Cada acción importante recibe una respuesta clara.
Control
  • El usuario puede retroceder, editar o cancelar cuando lo necesite.

Inventario de pantallas

10 pantallas diseñadas de punta a punta, del dashboard principal a la confirmación de cada operación.

01Inicio
02Perfil
03Mi análisis
04Resumen anual
05Actividad
06Pagos y servicios
07Mis tarjetas
08Transferencia exitosa
09Código QR
10Ingresar dinero

Criterios de diseño

La arquitectura de Finzo fue diseñada para reducir la cantidad de pasos necesarios y mantener las funciones principales visibles desde el inicio. Cada recorrido cuenta con:

  • Un punto de entrada reconocible.
  • Acciones organizadas según el objetivo del usuario.
  • Decisiones claramente diferenciadas.
  • Confirmaciones visibles después de completar una operación.
  • Acceso directo a las funciones financieras más utilizadas.

La navegación se organiza en cuatro áreas para evitar la sobrecarga de opciones y facilitar el reconocimiento de cada funcionalidad.

04 · Diseño

Cómo se armó la app, paso a paso

A partir de la arquitectura definida, armé los wireframes de baja fidelidad de las 10 pantallas del inventario, en blanco y negro, para validar jerarquía y estructura antes de entrar en diseño visual. Este es el recorrido completo, en el mismo orden en que se construyó la app:

Wireframe 1 — Inicio
1Inicio

Dashboard principal: saldo disponible, accesos rápidos y actividad reciente en un solo vistazo.

Wireframe 2 — Perfil
2Perfil

Datos personales, seguridad, notificaciones y ayuda, todo agrupado en el área de Cuenta.

Wireframe 3 — Mi análisis
3Mi análisis

Gastos por categoría con gráfico de torta, para entender en qué se va el dinero.

Wireframe 4 — Resumen anual
4Resumen anual

Evolución de ingresos y gastos en el tiempo, con balance neto del período.

Wireframe 5 — Actividad
5Actividad

Historial completo de movimientos, filtrable por tipo y buscable por nombre.

Wireframe 6 — Pagos y servicios
6Pagos y servicios

Accesos directos a servicios frecuentes y próximos vencimientos a pagar.

Wireframe 7 — Mis tarjetas
7Mis tarjetas

Tarjeta virtual con límite disponible y movimientos asociados a esa tarjeta.

Wireframe 8 — Transferencia exitosa
8Transferencia

Confirmación clara con comprobante, cerrando el flujo de "Ingresar dinero".

Wireframe 9 — Código QR
9Código QR

Cobro instantáneo: mostrar o compartir el QR propio para recibir un pago.

Wireframe 10 — Ingresar dinero
10Ingresar dinero

Elegir método de ingreso y monto, con montos sugeridos para menos fricción.

05 · Branding

Identidad de marca

Además del producto digital, diseñé la identidad de marca completa de Finzo: el isotipo "F" está construido con dos módulos que avanzan en diagonal, pensados para transmitir movimiento (módulos que avanzan), progreso (dirección ascendente) y confianza (estructura sólida y equilibrada) — los tres atributos que la marca necesitaba comunicar en el rubro fintech.

El wordmark es geométrico, compatible con Poppins SemiBold y con tracking óptico aplicado, sobre una paleta de violetas: Violeta profundo (#2D1765), Púrpura eléctrico (#7C3AED), Azul violeta (#4F46E5), Lavanda (#EDE9FE) y Blanco roto (#FAF9FF).

06 · Implementación física

Kit de bienvenida & merchandising

Para reforzar la confianza en el primer contacto físico con la marca —el momento en que llega la tarjeta a la casa del usuario— diseñé un kit de bienvenida pensado en cuatro etapas: protección (packaging rígido para cuidar la tarjeta), activación guiada (QR e instrucciones claras), información esencial sin vueltas, y una experiencia de bienvenida memorable en cada detalle.

Sistema de merchandising: tote bag, botella, remera, gorra, lanyard, notebook y porta-tarjeta

07 · UI Design

De wireframe a interfaz

Sobre esa base construí el UI Kit final en violeta, con una versión completa en light mode y otra en dark mode para que Finzo se sienta cómoda en cualquier contexto de uso.

☀ Light Mode / 🌙 Dark Mode
08 · Design System

Sistema visual

La tipografía combina Poppins para títulos y cifras —le da protagonismo a los montos, que es lo primero que un usuario financiero busca— con Inter para el resto de la interfaz y la lectura de texto largo, priorizando legibilidad.

La paleta principal es violeta, con lavanda como fondo neutro, un navy oscuro para el dark mode, y verde menta / rojo reservados para estados positivos y negativos en montos y confirmaciones.

09 · Prototipo

Ver el proyecto completo

Ver el prototipo completo en Figma

Recorré los flujos de Finzo tal como los navegaría un usuario real.

Abrir en Figma ↗

Ver mi perfil en Behance

Conocé el resto de mis proyectos, en formato presentación.

Ver perfil en Behance ↗
10 · Aprendizajes

Qué me llevo de este proyecto

Separar la navegación en cuatro áreas claras evita la sobrecarga de opciones sin sacrificar funciones.

Documentar task flows y user flow por separado ayuda a detectar pasos redundantes antes de diseñar una sola pantalla.

Diseñar light y dark mode desde el inicio, y no como un agregado, mejora la consistencia de todo el sistema.

Pensar la marca más allá de la pantalla —packaging, merchandising— obliga a que el sistema visual sea realmente sólido.

Un buen kit de bienvenida físico es, para una fintech, tan parte del onboarding como la primera pantalla de la app.

Siguiente proyecto

LevelUp →

→