El problema que nadie nombraba
Empezamos con una señal débil: mensajes de usuarios que llegaban sin buscarlos. Gente que firmó su hipoteca hace 3, 5 o 10 años y seguía sin entender por qué su saldo no bajaba. No era ignorancia financiera — era que la industria hipotecaria construyó sus tablas para que fueran imposibles de leer.
La primera calculadora hipotecaria de Cooper Labs resolvía el cálculo, pero no la confusión. La gente sabía cuánto iba a pagar al final, pero no por qué, ni qué podía hacer al respecto.
"Firmé mi hipoteca hace 5 años y todavía no entiendo bien la tabla de amortización. Mi banco nunca me la explicó."
— Usuario entrevistado, 34 años, CDMXNotas de las primeras 8 entrevistas con usuarios con hipotecas activas. Cada sesión duró ~45 minutos.
Lo que encontramos cuando preguntamos
Hablamos con 8 personas que tenían hipotecas activas en México. La metodología fue simple: pedimos que nos mostraran su estado de cuenta y que nos explicaran, con sus palabras, cómo funcionaba su crédito. Los silencios fueron el dato más importante.
- 90%No sabía que pagar quincenalmente ahorraba años de hipoteca. La información estaba en el contrato. Nadie la había leído ni explicado.
- 7/8Confundían "interés mensual" con "interés total". Sabían su pago mensual, pero no cuánto dinero adicional pagarían al final del plazo.
- 100%Nunca habían considerado hacer aportaciones extraordinarias — no porque no quisieran, sino porque no sabían que tenían esa opción.
De síntomas a diagnóstico
"Las personas con hipotecas toman decisiones financieras cruciales sin entender el impacto real de sus pagos. La información existe, pero está enterrada en jerga bancaria. Nuestra tarea: hacer visible lo que los bancos hacen invisible."
— Definición del reto de diseño- 01En menos de 60 segundos, el usuario debe entender cuánto pagará realmente y cuánto puede ahorrar.
- 02La comparación entre estrategias debe ser instantánea y visual. Sin texto explicativo obligatorio.
- 03El ahorro potencial debe ser el número más visible de la pantalla. No el pago mensual — la diferencia.
Los bocetos que no funcionaron
La primera versión que dibujamos en papel tenía un problema clásico: diseñamos para lo que nosotros entendíamos, no para lo que el usuario necesitaba ver. Mostrábamos demasiados números en simultáneo.
Primera ronda de bocetos. Intentamos mostrar las 4 estrategias en una tabla. Era demasiada información para procesar de un vistazo.
La decisión que cambió todo fue dejar de pensar en "calculadora" y empezar a pensar en "comparador de historias". Queríamos que el usuario viera la diferencia entre un futuro y otro.
Lo que las pruebas nos rompieron
Con el primer prototipo en Figma, hicimos 3 sesiones de testing. La tarea era: "Encuentra cuánto ahorrarías si pagaras quincenal en lugar de mensual".
Las gráficas mostraban el balance mes a mes. Los ejes tenían etiquetas técnicas. El ahorro total estaba al fondo de la pantalla, después de toda la información.
El ahorro total pasó a ser el número más grande, arriba del todo. Simplificamos las etiquetas de los ejes. Añadimos tooltips que aparecen al pasar el cursor.
"Me gusta, pero... ¿dónde está el número grande? Quiero ver de un golpe cuánto ahorro."
— Sesión de testing, usuario #2La versión que funciona
La Calculadora Hipotecaria PRO compara 4 estrategias de pago en una sola pantalla: mensual estándar, quincenal, con aportación extra mensual, y quincenal con aportación extra. Las gráficas muestran la evolución del saldo. El ahorro total está siempre visible, siempre actualizado.
Lo que me quedó de este proceso
Prueba la herramienta → cooper-labs.com/calculadora_hipoteca_pro