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

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.



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.



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.



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.



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.
Lecturas recomendadas
- Tendencias de diseño UI/UX para 2026 que merece la pena adoptar de verdadQué tendencias de diseño UI/UX para 2026 resisten las restricciones de un producto real, desde las interfaces asistidas por IA hasta los patrones accesibles por defecto, y cuáles son solo decoración.
- Cómo construir un design system en Figma que sobreviva al handoffUna guía práctica de los design systems en Figma: variables y tokens, escalas de tipografía y espaciado, propiedades de componentes y una nomenclatura que aguanta en el código.
- 8 errores de UI que están matando tu producto (y cómo arreglar cada uno)Los mismos 8 problemas aparecen en casi todos los productos que audito: contraste, espaciado, jerarquía, estados. Aquí tienes el arreglo exacto para cada uno, con pruebas que puedes ejecutar hoy.
- De Figma a React: un handoff que no hay que reconstruirPor qué los handoffs de Figma a React producen código que se acaba reescribiendo, y el flujo de trabajo (mapeo de tokens, propiedades con forma de props, estados reales) que lo evita.


