Pact
Banca digital
GPT 6.1 Sol
5 · Ejemplos de diseño
Diseño de interfaces financieras: banca, gastos y facturación
Compara banca digital, presupuestos personales, conciliación de recibos, ingresos por suscripción y facturación de API. Estudia la jerarquía de importes, las pruebas de las transacciones, el tratamiento de excepciones y los flujos de exportación en distintas tareas financieras.
Qué conviene observar
Determina si el usuario está consultando un saldo, rastreando una transacción o resolviendo una excepción. Los importes y estados deben permitir llegar a sus justificantes; las acciones con consecuencias deben explicar el resultado, y los filtros o exportaciones deben conservar el contexto.
Guía de instalación y uso →
Penny
App de presupuesto
GPT 6 Luna
Runrate
Panel de ingresos SaaS
GPT 6.1 Sol
Vesper
Consola de facturación por uso de API
GPT 6.1 Sol
Vesper · Libro de liquidación
Consola de facturación por uso de API
DeepSeek 4.1 Flash
Guías relacionadas
Manual por escenario · Paneles y espacios de trabajo
Manual de paneles y espacios de trabajo
Rompe con el tópico de los paneles de IA formados por «cuatro tarjetas KPI y tres gráficos». Crea consolas y espacios de trabajo de escritorio centrados en objetos, con jerarquía clara y estados vinculados.
Manual por escenario · Interfaces de aplicaciones móvilesManual de interfaces de aplicaciones móviles
Evita que los agentes de IA creen páginas de escritorio comprimidas para móvil. Diseña aplicaciones multipantalla a 390×844 con paneles screens.html y estados táctiles.
Método de diseño · Revisión a ciegas en pantallas realesRevisión a ciegas en pantallas reales
Por qué inspeccionar JSX y CSS en el editor no revela errores de diseño. Aprende cómo Oil UI utiliza capturas de navegador a 1440/390 píxeles, recortes al 200 %, bloques desenfocados y subagentes de revisión a ciegas.