Skip to content
Volver a todos los proyectos

Expenza

Un gestor de gastos móvil editorial y guiado por gestos, diseñado en torno a la interacción física Shake-to-Add, un minimalismo neutro y cálido, y una arquitectura 100% local en dispositivo.

Tipo
Diseño de producto y app móvil en producción
Rol
Diseñador de producto y arquitecto móvil
Plataforma
iOS y Android (React Native y Expo)
Herramientas
Figma, React Native, Sharp
App móvil Expenza: Dashboard principal, modal rápido Shake-to-Add y resumen de analítica de comportamiento

El problema de la fricción en las finanzas personales

La mayoría de las aplicaciones de finanzas personales fallan no por falta de funciones, sino por un exceso de fricción en la interacción. Al salir de una cafetería o de una tienda, los usuarios disponen de menos de cinco segundos de atención antes de guardar el teléfono. Los flujos tradicionales con submenús profundos, pantallas de acceso y sincronización en la nube provocan registros olvidados y el abandono de la app.

Expenza parte del principio opuesto: registro en menos de tres segundos. Al sustituir la navegación por intención física, la app une la captura inmediata del gasto con una comprensión financiera duradera.

Dashboard principal de Expenza con balance, barra de presupuesto, desglose de categorías y rachas
Modal rápido de añadir gasto con cuadrícula de categorías 3x3 y pastillas de incremento de importe
Pantalla de configuración de sensibilidad Shake-to-Add con calibración de umbrales y permisos

Intención física sobre navegación: Shake-to-Add

En lugar de buscar un botón flotante o navegar por un menú, los usuarios simplemente realizan un leve movimiento de muñeca. Un filtro de acelerómetro calcula deltas en tres ejes (Δ > 3.0G) junto a un enfriamiento de 1.500 ms que elimina falsos positivos en el bolsillo manteniendo una respuesta inmediata.

El modal resultante enfoca el campo de texto, preselecciona el contexto reciente y ofrece pastillas de incremento rápido (+10, +50, +100, +200, +500) para registrar cifras redondas con un solo toque sin abrir el teclado. Al estar en segundo plano, un servicio nativo emite una vibración háptica y una notificación con enlace directo.

Lista cronológica de transacciones agrupada por fechas con filtros de categoría y búsqueda en tiempo real
Vista interactiva de calendario con puntos de gasto y tarjeta de inspección del día seleccionado
Dashboard de analítica conductual con velocidad Money Mood, gráfico de gasto mensual y desglose por categorías

Claridad editorial cálida sin sombras paralelas

Expenza se aleja de los clichés fintech oscuros con luces de neón hacia un sistema visual editorial luminoso. Basado en fondos neutros cálidos (#F7F7F5), tarjetas blancas nítidas (#FFFFFF) y bordes finos (#E7E7E4), la interfaz sigue una regla estricta de cero sombras paralelas. La sensación táctil proviene del espaciado preciso, la jerarquía de bordes y la respuesta háptica.

La tipografía utiliza Plus Jakarta Sans para una legibilidad numérica óptima. Los tokens de categoría emplean combinaciones cromáticas de alto contraste (ámbar para Comida, azul cobalto para Transporte, magenta para Compras y púrpura para Facturas), aportando peso visual a la distribución sin restar protagonismo a los totales.

Desglose de categorías y distribución de gastos con barras segmentadas proporcionales
Pantalla de historia Money Replay con resumen narrativo mensual estilo redes sociales
Configuración de presupuesto mensual con entrada numérica y opciones rápidas predefinidas

Reflexión conductual: Money Replay y Money Mood

Registrar gastos es solo la mitad del objetivo; la interfaz debe ayudar al usuario a entender su ritmo de consumo. Expenza sustituye los gráficos pasivos por análisis conductuales deterministas: la insignia «Money Mood» evalúa la velocidad de gasto frente al calendario mensual, mientras que las rachas de consistencia recompensan los días sin gasto y bajo presupuesto.

Al final de cada mes, una historia interactiva Money Replay de 7 etapas transforma las cifras mensuales en una narrativa visual atractiva que resume las principales categorías, los días de mayor gasto y la salud presupuestaria en lenguaje claro.

Sistema de diseño móvil de Expenza, historia Money Replay y calibración de presupuesto
Motor de exportación multiformato con hojas de cálculo Excel estilizadas y estados en PDF
Sistema de diseño tokenizado de Expenza: jerarquía tipográfica, colores semánticos y tarjetas

Soberanía local y motor de exportación nativo

La privacidad es absoluta: el 100% de los datos financieros se almacena en el dispositivo mediante almacenamiento local seguro sin telemetría externa, identificadores de rastreo ni cuentas obligatorias. El usuario es el único dueño de su información.

Para garantizar la portabilidad total, Expenza incorpora un motor de exportación multiformato. Los usuarios pueden generar hojas de cálculo de Excel estilizadas (.xlsx) con fórmulas y colores contables, estados financieros en PDF formato A4 listos para imprimir, o copias de seguridad en JSON estructurado.

Lo que produjo

Una aplicación móvil de finanzas personales completa y lista para producción que reduce el registro diario a un gesto físico de menos de tres segundos, manteniendo una estética editorial clara y un control de datos 100% en dispositivo.

Lo que demuestra para proyectos con clientes es el oficio integral: transformar sensores de hardware en microinteracciones gratificantes, diseñar sistemas de interfaz rigurosos sin sombras superfluas y crear motores de exportación profesionales en móvil.