Projects

About

Hi, I'm Tomi, a Product Designer & Manager with 7+ years of experience, focused on creating products that solve real problems.

Projects

About

Hi, I'm Tomi, a Product Designer & Manager with 7+ years of experience, focused on creating products that solve real problems.

PFM - BancoEstado

Designed a comprehensive PFM feature for BancoEstado POC, enabling users to track budgets, categories, goals and transactions in a single dashboard

Laptop showing Bloomy UI

ROLE

Product Manager & solo Product Designer

PROBLEM

BancoEstado (Chile) needed a way for its users to view their consolidated finances in a single application. In 2024, Finerio Connect was given the opportunity to develop a pilot test (POC).

GOAL

The challenge was to build a complete Personal Finance Manager (PFM) in just three months. The goal: give users a clear, organized view of their personal finances—segmented by goals, categories, and budgets.

3x increase in profile completion

• Display income, expenses, and categorized transactions.

• Allow users to set savings goals and budgets.

• Sync real accounts through banking APIs.

• Reflect BancoEstado’s brand identity with a tailored design.

+18% long-term retention

ROLE

Product Manager & solo Product Designer

PROBLEM

BancoEstado (Chile) needed a way for its users to view their consolidated finances in a single application. In 2024, Finerio Connect was given the opportunity to develop a pilot test (POC).

GOAL

The challenge was to build a complete Personal Finance Manager (PFM) in just three months. The goal: give users a clear, organized view of their personal finances—segmented by goals, categories, and budgets.

3x increase in profile completion

• Display income, expenses, and categorized transactions.

• Allow users to set savings goals and budgets.

• Sync real accounts through banking APIs.

• Reflect BancoEstado’s brand identity with a tailored design.

+18% long-term retention

PROJECT TIMELINE

PRE RESEARCH

Estructura del producto y priorización funcional

Como parte del diseño, trabajé en definir la estructura general del producto priorizando las secciones esenciales para entregar valor al usuario final y cumplir con los tiempos exigidos por el piloto.
Las secciones priorizadas fueron:

  • Onboarding y sincronización de cuentas

  • Inicio (resumen de saldos y egresos)

  • Transacciones

  • Categorías

  • Presupuestos

  • Objetivos de ahorro

  • Perfil del usuario

Si bien el producto ideal incluiría herramientas como educación financiera o analítica avanzada, por el contexto del proyecto (3 meses de deadline, back ya funcional y equipo técnico reducido), se tomaron decisiones pragmáticas para asegurar un MVP completo y usable.

✍️ Decisión tomada en conjunto con el Head de Producto y validada con el equipo técnico y comercial.

TECH STACK

Abstract dark blue and brown waves

Figma

Abstract dark blue and brown waves

Figma

Abstract dark blue and brown waves

Figma

Abstract dark blue and brown waves

Replit

Abstract dark blue and brown waves

Replit

Abstract dark blue and brown waves

Replit

Abstract dark blue and brown waves

Atlassian

Abstract dark blue and brown waves

Atlassian

Abstract dark blue and brown waves

Atlassian

Laptop showing Bloomy UI
Laptop showing Bloomy UI

PRE Wireframes

Proceso de diseño

Dado el tiempo limitado y la presión de ejecución, se optó por un enfoque iterativo por secciones:

  1. Entender propósito de cada pantalla

  2. (¿Qué tiene que lograr el usuario acá?)

  3. Wireframes de media fidelidad mobile-first

  4. Diseñados en Figjam, con foco en estructura, jerarquía y navegación.

  5. Validación rápida con Head de Producto

  6. para ajustes de flujo, copy o layout antes de pasar diseño a Figma.

  7. Ajustes para desktop

  8. A partir del diseño mobile, se escalaron los componentes y layouts manteniendo consistencia.

Resultado final

Después de un proceso iterativo, con el diseño final del PFM logré un balance entre:

  • Consistencia visual (basado en MUI + branding BancoEstado)

  • Experiencia centrada en el usuario (claridad, navegación fluida, prioridades visibles)

  • Facilidad de implementación (respetando componentes existentes en frontend)

PROTOTIPO

Conseguí realizar un prototipado unificando todas las pantallas mostrando interacciones entre cada una y además agregados como notificaciones, filtros y otros detalles para ayudar a entender mejor la experencia del PFM.