Want to create interactive content? It’s easy in Genially!

Get started free

CuentaMorosos: Prototipo de Gestión de Gastos NeoFintech

Nicolás Lamas Gómez

Created on June 18, 2026

Explora el diseño interactivo de CuentaMorosos, una app de gastos compartidos con estética NeoFintech. Aprende sobre su motor de liquidación inteligente, navegación de pestañas, calculadora de gastos y la implementación de su sistema visual oscuro.

Start designing with a free template

Discover more than 1500 professional designs like these:

Startup Presentation

Black and White Presentation

Marketing Presentation

Dynamic Visual Presentation

Corporate Christmas Presentation

Customer Service Manual

Business Results Presentation

Transcript

CuentaMorosos

gestión inteligente

La solución definitiva para gestionar tus gastos compartidos.

01

El sistema visual NeoFintech

Arquitectura de la Aplicación

Organizo mi experiencia de usuario a través de cinco pestañas fundamentales: Panel, Eventos, Perfiles, Invitaciones y Configuración. Este diseño intuitivo es clave para mí porque necesito una gestión de deudas unificada por perfil, sin perder tiempo buscando información. Además, la tecnología de liquidación inteligente que automatiza el cálculo de saldos en cada evento me ayuda a mantener todo claro y controlado, justo cuando más lo necesito.

Arquitectura de la Aplicación

Organizo mi experiencia de usuario a través de cinco pestañas fundamentales: Panel, Eventos, Perfiles, Invitaciones y Configuración. Este diseño intuitivo es clave para mí porque necesito una gestión de deudas unificada por perfil, sin perder tiempo buscando información. Además, la tecnología de liquidación inteligente que automatiza el cálculo de saldos en cada evento me ayuda a mantener todo claro y controlado, justo cuando más lo necesito.

01

El sistema visual NeoFintech

Bienvenido al Panel

Características del Panel:

  • Tarjetas de control 'DEBES' y 'TE DEBEN'
  • Balance neto total a ancho completo
  • Lista de deudas unificadas por perfil
  • Avatares personalizados y balances individuales
  • Interfaz de acceso rápido y directo

Al iniciar, el panel ofrece un resumen financiero inmediato. El sistema de balance neto visual permite comprender instantáneamente si tus finanzas compartidas están equilibradas.

Arquitectura de la Aplicación

Usa esta cara de la tarjeta para dar más información sobre un tema. Focalízate en un concepto. Haz que el aprendizaje y la comunicación sean más eficientes.

Usa esta cara de la tarjeta para dar más información sobre un tema. Focalízate en un concepto. Haz que el aprendizaje y la comunicación sean más eficientes.

Usa esta cara de la tarjeta para dar más información sobre un tema. Focalízate en un concepto. Haz que el aprendizaje y la comunicación sean más eficientes.

Comunica deforma concisa

Comunica deforma concisa

Comunica deforma concisa

¿Por qué es importante?

Una identidad visual bien definida:

  • Diferencia a la marca frente a la competencia
  • Refuerza la confianza del público
  • Mejora la percepción profesional
  • Facilita la comunicación
  • Genera reconocimiento inmediato

02

Pestaña 2: EventosEl núcleo de la organización temporal

Arquitectura de la Aplicación

ImportesUso exclusivo de JetBrains Mono para garantizar legibilidad técnica en datos financieros.

ImportesUso exclusivo de JetBrains Mono para garantizar legibilidad técnica en datos financieros.

ImportesUso exclusivo de JetBrains Mono para garantizar legibilidad técnica en datos financieros.

Colores semánticos Badges que definen estados: Abierto (#4CAF50), Calculado (#2196F3) y Cerrado (#F44336).

TipografíaGeist para textos y Geist Mono para cifras, asegurando una jerarquía visual impecable.

Arquitectura de la Aplicación

Bienvenido al Panel

Características del Panel:

  • Tarjetas de control 'DEBES' y 'TE DEBEN'
  • Balance neto total a ancho completo
  • Lista de deudas unificadas por perfil
  • Avatares personalizados y balances individuales
  • Interfaz de acceso rápido y directo

Al iniciar, el panel ofrece un resumen financiero inmediato. El sistema de balance neto visual permite comprender instantáneamente si tus finanzas compartidas están equilibradas.

Bienvenido al Panel

Características del Panel:

  • Tarjetas de control 'DEBES' y 'TE DEBEN'
  • Balance neto total a ancho completo
  • Lista de deudas unificadas por perfil
  • Avatares personalizados y balances individuales
  • Interfaz de acceso rápido y directo

Arquitectura de la Aplicación

Inicia un nuevo evento

Para comenzar a gestionar gastos, pulsa el botón flotante (FAB) verde (+) en tu pantalla principal. Configura el nombre del evento, define si requiere un rango de fechas y selecciona la moneda base para tus transacciones. Una vez creado, cada tarjeta de evento mostrará claramente el total acumulado y tu participación individual mediante la tipografía JetBrains Mono, garantizando una lectura precisa de tus finanzas.

Define brand personality and values

Apertura y registro de gastos

Ciclo de vida de un evento

Cálculo de deudas pendientes

Optimización de transferencias

Para comenzar a gestionar gastos, pulsa el botón flotante (FAB) verde (+) en tu pantalla principal. Configura el nombre del evento, define si requiere un rango de fechas y selecciona la moneda base para tus transacciones. Una vez creado, cada tarjeta de evento mostrará claramente el total acumulado y tu participación individual mediante la tipografía JetBrains Mono, garantizando una lectura precisa de tus finanzas.

Validación de cobros realizados

Cierre definitivo del evento

Inicia un nuevo evento

Para comenzar a gestionar gastos, pulsa el botón flotante (FAB) verde (+) en tu pantalla principal. Configura el nombre del evento, define si requiere un rango de fechas y selecciona la moneda base para tus transacciones. Una vez creado, cada tarjeta de evento mostrará claramente el total acumulado y tu participación individual mediante la tipografía JetBrains Mono, garantizando una lectura precisa de tus finanzas.

La Calculadora de Gastos

La Calculadora de Gastos es el núcleo funcional para registrar desembolsos dentro de un evento. Al desplegar el panel inferior, el usuario define el "Concepto" y el "Importe total" (utilizando cifras precisas). Se integran 11 categorías de gasto como Vuelo, Comida, u Ocio para una clasificación semántica, junto a 6 modos de reparto flexibles: desde el "Consumo real" hasta "Por partes", optimizando la equidad financiera del grupo.

La Calculadora de Gastos

La Calculadora de Gastos es el núcleo funcional para registrar desembolsos dentro de un evento. Al desplegar el panel inferior, el usuario define el "Concepto" y el "Importe total" (utilizando cifras precisas). Se integran 11 categorías de gasto como Vuelo, Comida, u Ocio para una clasificación semántica, junto a 6 modos de reparto flexibles: desde el "Consumo real" hasta "Por partes", optimizando la equidad financiera del grupo.

Arquitectura de la Aplicación

La Calculadora de Gastos

La Calculadora de Gastos es el núcleo funcional para registrar desembolsos dentro de un evento. Al desplegar el panel inferior, el usuario define el "Concepto" y el "Importe total" (utilizando cifras precisas). Se integran 11 categorías de gasto como Vuelo, Comida, u Ocio para una clasificación semántica, junto a 6 modos de reparto flexibles: desde el "Consumo real" hasta "Por partes", optimizando la equidad financiera del grupo.

Arquitectura de la Aplicación

La Calculadora de Gastos

La Calculadora de Gastos es el núcleo funcional para registrar desembolsos dentro de un evento. Al desplegar el panel inferior, el usuario define el "Concepto" y el "Importe total" (utilizando cifras precisas). Se integran 11 categorías de gasto como Vuelo, Comida, u Ocio para una clasificación semántica, junto a 6 modos de reparto flexibles: desde el "Consumo real" hasta "Por partes", optimizando la equidad financiera del grupo.

Arquitectura de la Aplicación

La Calculadora de Gastos

La Calculadora de Gastos es el núcleo funcional para registrar desembolsos dentro de un evento. Al desplegar el panel inferior, el usuario define el "Concepto" y el "Importe total" (utilizando cifras precisas). Se integran 11 categorías de gasto como Vuelo, Comida, u Ocio para una clasificación semántica, junto a 6 modos de reparto flexibles: desde el "Consumo real" hasta "Por partes", optimizando la equidad financiera del grupo.

02

Pestaña 2: EventosEl núcleo de la organización temporal

La estética corporativa como herramienta estratégica

Buenas prácticas enestética corporativa

02

Pestaña 2: EventosEl núcleo de la organización temporal

Gestión Social: Perfiles e Invitaciones

Pestaña 3: Perfiles: Lista de participantes con avatares personalizados mediante emojis o fotos para una identificación ágil.

Pestaña 4: Invitaciones: Panel centralizado para gestionar las solicitudes pendientes de nuevos usuarios en los eventos.

Badges de estado: Se incluye un distintivo «Fantasma» para identificar aquellos perfiles temporales integrados en la red.

Los perfiles permanentes se vinculan directamente al email del usuario para garantizar la persistencia de los datos.

La verdadera elegancia financiera reside en la simplicidad: transformar transacciones complejas en acuerdos armoniosos y transparentes.

¡Gracias por tu confianza!

Curiosidad visual

La identidad visual coherente puede aumentar significativamente el reconocimiento de una marca y mejorar la percepción de confianza entre los usuarios. Incluso pequeños elementos visuales, como colores o tipografías, influyen en cómo las personas recuerdan una empresa. Las grandes marcas mantienen normas gráficas estrictas para asegurar que su identidad sea reconocible en cualquier lugar del mundo, independientemente del formato o plataforma.