Casher
Imagen de portada
UX UI

Casher

Casher

Casher

Casher es una app móvil para iOS que convierte el registro de gastos en una tarea de segundos. El objetivo fue facilitar el seguimiento de las finanzas personales con un primer MVP de funciones acotadas, definidas a partir del user research y llevadas hasta el prototipo de alta fidelidad y el UI Kit.

El proyecto también incluyó el branding del producto: la identidad de marca de Casher, pensada para sostener tanto la app como sus piezas de comunicación y publicidad. Fue el entregable final del curso de UX/UI de Coderhouse.

Año:

2026

Duración:

5 meses

Metodología:

Design Thinking

Herramientas:

Figma, Adobe

Categoría:

UX UI, Branding

Busqueda
BusquedaUX UI
UI
UIUX UI
Visual
VisualBrand
CasherUX UI
Datalles
DatallesUX UI
Post
PostBrand
Logo
LogoBrand
icon app
icon appUXUI
Casher
CasherBrand
Categorías
CategoríasBrand
Flujo
FlujoBrand

Contexto

Contexto

Las personas que intentan organizar su dinero abandonan el hábito en pocas semanas. Registran en notas sueltas, en Excel o de memoria, y al final del mes no saben en qué se les fue la quincena.

Problema

Problema

Las herramientas disponibles para registrar finanzas personales no resuelven el primer uso. Excel y las herramientas web exigen conocimiento previo de fórmulas para configurar las operaciones, y las apps de finanzas presentan tantas opciones que obligan al usuario llenar cada apartado, provocando que el registro no sea ágil. Estos factores influyen a la acumulación de una alta carga cognitiva, que lleva a abandonar la tarea antes de completarla.

How Might We (HMW)

¿Cómo podríamos ayudar a jóvenes profesionistas a registrar sus gastos y entender su mes financiero sin que se sienta como trabajo extra?

Goal

Diseñar un MVP en el que un usuario nuevo pueda registrar un gasto y crear una categoría desde el primer uso, sin mucho recorrido

Key Highlights

30

Entrevistas a usuarios

2

Rondas de usability testing

2/5 → 5/5

Task success en la tarea crítica

Benchmark

Analicé tres apps de finanzas personales para entender qué resuelven bien y en qué punto pierden al usuario.

Spendee
Competidor directo

Spendee

Fortalezas
  • Herramienta completa tras varias iteraciones
  • Interfaz limpia y bien organizada
  • Recursos gráficos fáciles de leer
Debilidades
  • Demasiadas opciones en el primer uso
  • Lenguaje poco claro
  • La vista de gráficas pierde protagonismo

Proto persona

Antes de hablar con usuarios construí un proto persona: una hipótesis de quién necesitaría Casher, armada con lo que sabía del problema y del benchmarking. No buscaba describir a un usuario real, sino definir qué supuestos tenía que validar o descartar en las entrevistas.

Alberto, 25 años, CDMX.

Profesionista en su primer empleo estable, usuario frecuente de smartphone y con un nivel intermedio de conocimiento financiero.

  • Objetivos: organizar sus finanzas sin invertir mucho tiempo, tener claridad de cuánto gasta y desarrollar hábitos básicos de registro.

  • Frustraciones: apps con exceso de opciones, registro manual tedioso y lenguaje financiero técnico.

  • Necesidades: una herramienta visual, registro rápido y recordatorios suaves.

User Interviews

30

personas entrevistadas sobre cómo registran y organizan hoy su dinero.

User interviews

Olvido, falta de tiempo y herramientas que se sienten complicadas.

Principales barreras

“Intenté con un Excel pero me pareció poco eficiente y aburrido.”

Participante de entrevista

“Llevo el control con el historial de la app de mi banco, pero los gastos no siempre se reflejan al momento. Pierdo la fecha exacta y al final del mes no me cuadra el total.”

Participante de entrevista

“Se me olvida registrar algunos gastos y luego los números no coinciden.”

Participante de entrevista
22 de 30

registran sus gastos en Excel, notas del celular o apps básicas, pero ninguno logra mantener el hábito.

Comportamiento actual
25%

no lleva ningún registro de sus gastos.

Comportamiento actual

“Me gustaria una interfaz intuitiva, que la clasificación no sea abrumadora, poder programar recordatorios y que las notificaciones no sean invasivas.”

Participante de entrevista

Excel, notas del celular y apps básicas. Ninguna logra sostener el hábito.

Herramientas que usan hoy
73%

registra sus gastos de alguna forma, pero ninguno logra sostener el hábito. Lo que más valoran es la claridad y la facilidad de uso: ver rápido sus ingresos, sus gastos y gráficas sencillas.

Conclusión de las entrevistas

Frustraciones:

  • Apps con exceso de configuraciones o pantallas innecesarias.

  • Sentir que llevar sus finanzas requiere demasiado esfuerzo.

  • Procesos manuales que la hacen abandonar su rutina financiera.

Motivaciones:

  • Mantener orden en sus gastos sin invertir tanto tiempo.

  • Usar un sistema visual que refuerce su disciplina.

  • Ahorrar para proyectos personales (viajes, mejoras en casa).

User persona

Mariana:

"Antes usaba Excel y otras apps de finanzas, pero terminan siendo una carga más. Quiero una herramienta que me dé claridad sin sentir que estoy trabajando horas extras."

Sobre Mariana

Mariana es consultora administrativa y pasa gran parte de su tiempo en proyectos intensivos y con poco tiempo libre. Le gusta llevar control de sus gastos y de su hogar, pero siente que Excel o apps tradicionales de finanzas se vuelven tediosas: requieren demasiada configuración, llenado de datos o análisis que se sienten como “más trabajo”. Quiere mantener su hábito de organización, pero de una forma ligera, rápida y atractiva visualmente.

28 años

Consultora

Monterrey

Frustraciones:

  • Apps con exceso de configuraciones o pantallas innecesarias.

  • Sentir que llevar sus finanzas requiere demasiado esfuerzo.

  • Procesos manuales que la hacen abandonar su rutina financiera.

Motivaciones:

  • Mantener orden en sus gastos sin invertir tanto tiempo.

  • Usar un sistema visual que refuerce su disciplina.

  • Ahorrar para proyectos personales (viajes, mejoras en casa).

User persona

Mariana:

"Antes usaba Excel y otras apps de finanzas, pero terminan siendo una carga más. Quiero una herramienta que me dé claridad sin sentir que estoy trabajando horas extras."

Sobre Mariana

Mariana es consultora administrativa y pasa gran parte de su tiempo en proyectos intensivos y con poco tiempo libre. Le gusta llevar control de sus gastos y de su hogar, pero siente que Excel o apps tradicionales de finanzas se vuelven tediosas: requieren demasiada configuración, llenado de datos o análisis que se sienten como “más trabajo”. Quiere mantener su hábito de organización, pero de una forma ligera, rápida y atractiva visualmente.

28 años

Consultora

Monterrey

POV + Storytelling.

Mariana, consultora administrativa con poco tiempo libre y el hábito ya formado de controlar sus gastos, necesita una forma de registrar y revisar sus finanzas que le tome segundos, porque Excel y las apps tradicionales convierten su disciplina en una carga más y terminan haciéndola abandonar su rutina.

MVP y funcionalidades principales

MVP y funcionalidades principales

MVP y funcionalidades principales

Traduce los insights en alcance, arquitectura y flujos validados con usuarios.

Dentro del MVP
Agregar movimiento
Registrar un gasto o ingreso con su categoría.
Historial
Ver en qué se fue el dinero por periodo.
Búsqueda
Encontrar un movimiento por fecha, monto o nombre.
Crear categoría
Personalizar categorías con nombre y emoji.
Fuera del MVP, por ahora
  • Presupuestos
  • Metas de ahorro
  • Vinculación de cuentas
  • Widget
  • Recordatorios
Tarjetas sin agrupar
Categoría
Comida del sábado
15 de octubre
Septiembre
Monto
Ingreso
Gasto
Primer trimestre
Descripción

Arquitectura y flujos

Con los resultados del card sorting definí una arquitectura de tres secciones que parten del home: Agregar, Búsqueda e Histórico. Cada una responde a una pregunta distinta del usuario: qué gasté, dónde está ese gasto y cómo voy este mes. Mantuve la estructura plana a propósito: cualquier función queda a un toque de la tab bar, sin menús escondidos ni niveles extra.

Home
Búsqueda
Por fecha
Por monto
Por nombre
Agregar
Gasto o ingreso
Añadir monto
Descripción
Elegir categoría
Nueva categoría
Nombre
Elegir emoji
Histórico
Elegir periodo
Task Flow · Crear una categoría
Entra al home
Selecciona el botón + para registrar
En categoría, selecciona + Nueva categoría
Coloca el nombre y un emoji
Guardar
Ve el registro con la nueva categoría seleccionada

Ver flujo completo

Wireframes


Wireframes


Antes de llegar a la interfaz final pasé por tres niveles de fidelidad. En baja definí la estructura y la jerarquía de cada pantalla; en media probé la interacción y el orden de los elementos; en alta resolví el detalle visual. Cada iteración se ajustó con base en las pruebas y la retroalimentación, así que los cambios entre una versión y otra muestran cómo evolucionó el diseño.

Ronda 1 · Prototipo v1
Prueba moderada con think-aloud sobre un prototipo navegable en Figma. Dos tareas: registrar un gasto y crear una categoría.
Prueba moderadaThink-aloudPrototipo en Figma15 participantes2 tareas
Tarea 1
Registrar un gasto
Completaron la tarea
15/15
Dificultad reportada
1/5
Interacción fluida con el botón central “Agregar”. Solo hubo pausas breves al identificar valor, fecha y categoría.
“Fácil.”
“Muy rápido.”
Tarea 2
Crear una categoría
Completaron la tarea
6/15
Dificultad reportada
4/5
Pausas largas y confusión ante las categorías ya creadas. No fue un problema de flujo, sino de cómo estaban dispuestos los elementos en la pantalla.
“No sabía dónde agregar categorías.”
“Ni me di cuenta si agregué una.”
“Pensé que ya estaban todas y no se podían editar.”
Severity rating
Severidad
Problema detectado
Recomendación
Severo
Los usuarios no encontraron dónde crear una categoría.
Agregar un tooltip inicial y una pantalla específica para categorías.
Moderado
Los datos prellenados generaron dudas sobre qué era editable.
Probar con un prototipo en blanco y mostrar la versión con datos al final.
Leve
Jerarquía visual débil en la sección de categorías.
Ajustar contraste, espaciado y auto-layout.
Cosmético
Pequeños desajustes de alineación en el prototipo.
Corregir auto-layout y consistencia de UI.
Ronda 2 · Prototipo v2
Mismas tareas y misma metodología que la primera ronda, ahora sobre el prototipo con los cambios aplicados.
Prueba moderadaThink-aloudPrototipo en Figma15 participantes2 tareas
Qué cambié antes de la segunda ronda
1
Tooltip para usuarios nuevos
Una pantalla inicial que señala dónde agregar un monto y dónde crear una categoría.
2
Prototipo en blanco
Sin montos ni categorías cargadas, para dar sensación de control. La vista con datos de uso cotidiano se mostró al final.
3
Pantalla de categorías desde cero
Crear una categoría dejó de estar escondido dentro del formulario.
4
Mejoras visuales y de layout
Galería de tarjetas de categorías con mejor jerarquía, contraste y espaciado.
Tarea 2
Crear una categoría
Completaron la tarea
Ronda 1
6/15
Ronda 2
15/15
Dificultad reportada
Ronda 1
4/5
Ronda 2
1/5
Comportamientos observados
  • No hubo confusión como en la primera ronda.
  • Los usuarios entendieron que el prototipo comenzaba vacío.
  • El tooltip fue suficiente para entender la función.
  • Al ver la app con datos de uso cotidiano, entendieron de dónde venía esa información.
En la segunda ronda, los participantes completaron ambas tareas sin fricción.

Interfaz final

Las pantallas finales reúnen todo lo que aprendí en las dos rondas de pruebas. El registro de un gasto, que funcionó desde el inicio, se mantuvo igual: un botón central y un formulario corto. Lo que cambió fue todo lo que rodea a las categorías: ahora tienen su propia pantalla, un tooltip que guía al usuario nuevo y una app que empieza vacía, para que cada dato que aparece sea suyo. El resultado es una interfaz construida sobre los patrones nativos de iOS, donde cada pantalla responde a una sola pregunta: cuánto gasté, en qué y cuánto me queda.

Más proyectos

Contacto

¿Tienes una idea en mente?

Brand & Product Designer en Ciudad de México.

Contacto

¿Tienes una idea en mente?

Brand & Product Designer en Ciudad de México.