Saltar al contenido
← Volver a los trabajos

Denario

Cliente
Proyecto personal
Rol
Diseño UX/UI · Frontend · Backend · Deploy
Año
2026
Herramientas
Figma · HTML/CSS · Firebase · Claude Code
Tags
UX · UI · PWA · Design System · AI
Pantalla principal del caso Denario: UX · UI · PWA · Design System · AI

El problema

Soy malo manejando plata. Gastaba hasta que no quedaba nada, sin registrar a dónde se iba. Probé apps de finanzas, pero o eran pagas con suscripción (y no quería sumar otra), o no me dejaban moldearlas a mi forma de pensar el dinero. Varias resolvían el problema, pero ninguna como yo lo necesitaba.

Así que dejé de adaptarme a la herramienta de otro y construí la mía: gratis, sin suscripción y 100% personalizable. El nombre viene de la antigua moneda de plata romana.

La app nació de esa necesidad concreta. Si la app es mía, decido qué mostrar, qué sacar y puedo agregar lo que necesite cuando lo necesite.

"Quiero una app que me obligue a ser consciente de cada gasto en el momento de hacerlo, no a fin de mes mirando el banco. Gratis, sin suscripción, mobile-first, en pesos, y que separe lo que ahorro de lo que puedo gastar para no confundirlos nunca."

— Yo, al arrancar Denario

El proceso

Diseñé todas las pantallas en Figma antes de escribir una línea de código: definí el sistema visual completo, dark-first, sobrio, de alta legibilidad. Recién ahí pasé al build. Frontend en HTML/CSS, backend y base de datos en Firebase, deploy como PWA instalable desde el navegador sin tiendas de por medio.

La decisión de producto más importante salió de conocerme: cargar cada gasto en el momento exacto en que lo hago. Por eso Denario es mobile-only y todo gira alrededor de un FAB que, con un toque, despliega las cuatro formas de registrar un movimiento.

Como la uso todos los días con mi propia plata, el uso real define qué priorizo: cada función nueva nace de una necesidad concreta, no de un roadmap abstracto. Esa es la ventaja de que sea mía.

— Sistema de diseño

Sistema de diseño

Tipografía

Outfit para los montos, una geométrica tabular que mantiene las cifras siempre legibles. Manrope para títulos y texto: neutra y clara, sin competir con los números.

Outfit para los montos, una geométrica tabular que mantiene las cifras siempre legibles. Manrope para títulos y texto: neutra y clara, sin competir con los números.

Estilo
Tamaño60px

Escribí acá

— Galería

Pasá el mouse

Denario: Créditos y suscripciones
Denario: Créditos y suscripciones
Denario: home y home ahorro
Denario: home y home ahorro
Denario: FAB desplegado
Denario: FAB desplegado
Denario: Recorrido para agregar un movimiento/suscripción/crédito y vista de movimientos
Denario: Recorrido para agregar un movimiento/suscripción/crédito y vista de movimientos
Denario: Recorrido entrar e iniciar sesión
Denario: Recorrido entrar e iniciar sesión
Denario: Ahorros
Denario: Ahorros
Captura de pantalla de Denario (7)
Captura de pantalla de Denario (7)
Denario: Categorías
Denario: Categorías

— Impacto

Lo que cambió para mí

Denario me cambió la relación con mi propia plata. Por primera vez veo en qué se me va: aparecieron los gastos hormiga que antes eran invisibles. Dejé de comprar chucherías casi por completo. Y lo más importante, yo nunca había ahorrado, ahora pude empezar a hacerlo, porque cada vez que cobro, lo que me propongo guardar se separa solo y deja de tentarme.

Gastos hormiga
100
% visibles
Aparecieron los que antes eran invisibles.
Chucherías
Casi $0
Dejé de comprarlas casi por completo.
Ahorro
Mensual
Por primera vez ahorro de forma constante.
Uso diario
+2
meses
Usándola a diario, sin pausa.

Lo que viene

Denario está vivo y lo sigo construyendo según lo que voy necesitando. Algunas cosas que todavía no están implementadas, pero que tengo pensadas:

  1. 001

    Multi-moneda

    Hoy todo es en pesos. Quiero cargar suscripciones y gastos en dólares con conversión automática al valor del día, según el tipo de cambio del medio de pago (oficial, tarjeta o blue), tomando la cotización en tiempo real.

  2. 002

    Gráficos y estadísticas

    Resúmenes visuales de en qué categorías se va la plata, cómo evoluciona el gasto mes a mes y patrones de un vistazo. Ver la plata moverse, no solo leerla en números.

  3. 003

    Alertas predictivas

    Que anticipe los presupuestos antes de que se pasen. "A este ritmo te pasás del límite de supermercado este mes", antes de que pase, no después.

Disponible para trabajar

¿Tenés una buena idea?

Este lugar está esperando tu próximo caso de éxito.