Sesión 2 · Diseño

EcoGhost Android

Tres direcciones visuales sobre las mismas cuatro pantallas: Inicio, Anotar gasto, Movimientos y Deudas. Elige una dirección; los detalles se afinan después. Los datos son de ejemplo.

9:41signal_cellular_alt battery_full
F
wifi_offSin conexión · datos de hace 2 h
Saldo total
184 250MN
1 320 USD85 MLC
paymentsCaja MN
120 400 MN
account_balanceBanco MN
63 850 MN
paymentsEfectivo USD
1 320 USD
credit_cardTarjeta MLC
85 MLC
Octubre 12 días · MN
Ingresos
96 400
Gastos
61 850
Te deben
12 000 MN
Debes
300 USD
Últimos movimientos Ver todos
  • construction
    Cemento P-350
    Caja MN · Materiales
    −4 500MN
  • local_shipping
    Flete a Santa Clara
    Caja MN · Transporte
    −1 800MN
  • storefront
    Venta mostrador
    Caja MN · Ventas
    +38 000MN
9:41signal_cellular_alt battery_full
GastoIngresoTransfer.
4 500MN
editCemento P-350
Cuenta
paymentsCaja MN account_balanceBanco MN paymentsEfectivo USD credit_cardTarjeta MLC
Categoría · las que más usas
constructionMateriales local_shippingTransporte restaurantComida groupsNómina boltElectricidad more_horizTodas
calendar_todayHoy notesNota
123 456 789 ,0backspace
Guardar y otro
Guardar
Necesitas conexión para guardar
9:41signal_cellular_alt battery_full

Movimientos

wifi_offSin conexión · datos de hace 2 h
Todos Gastos Ingresos Caja MN expand_more Octubre expand_more
Hoy−6 300 MN
  • construction
    Cemento P-350
    Caja MN · Materiales
    −4 500MN
  • local_shipping
    Flete a Santa Clara
    Caja MN · Transporte
    −1 800MN
Ayer+36 100 MN
  • storefront
    Venta mostrador
    Caja MN · Ventas
    +38 000MN
  • restaurant
    Almuerzo del equipo
    Caja MN · Comida
    −1 900MN
  • swap_horiz
    A Banco MN
    Transferencia · Caja MN → Banco MN
    20 000MN
Vie 10 oct−120 USD · −8 400 MN
  • groups
    Nómina semanal
    Caja MN · Nómina
    −8 400MN
  • bolt
    Inversor y cables
    Efectivo USD · Electricidad
    −120USD
  • construction
    Pago a Ferretería La Esquina
    Banco MN · Préstamos · Telegram
    −2 000MN
9:41signal_cellular_alt battery_full

Deudas

addNueva
wifi_offSin conexión · datos de hace 2 h
Me debenDebo
Pendiente de cobrar
12 000MN
3 personas
YP
Yoel Pérez
Préstamo para la moto
Vence 20 oct
Pagado 4 000 de 10 000 MNFalta 6 000
Último pago: 2 oct
Registrar pago
FE
Ferretería La Esquina
Materiales a crédito
Sin fecha
Pagado 0 de 4 000 MNFalta 4 000
Creada 8 oct
Registrar pago
DR
Dayana Rojas
Adelanto de salario
Vence 31 oct
Pagado 0 de 2 000 MNFalta 2 000
Creada 10 oct
Registrar pago
Ver liquidadas (5)

Qué cambia entre direcciones

A · CalmaB · CálidoC · Noche
SensaciónSobria, de banca moderna. Mucho aire y cifras grandes.Cercana y amable, de app personal. Colores vivos por categoría.Elegante y discreta. Fondo oscuro siempre, acentos dorados.
TipografíaManrope, geométrica y limpia.Nunito, redondeada y suave.Outfit para cifras y títulos, DM Sans para el resto.
ColorVerde bosque como único acento; neutros con un toque verde.Frambuesa como acento; fondos cálidos; cada categoría con su color.Oro viejo como acento; verde menta para ingresos.
FormasEsquinas moderadas, bordes finos, sin sombras.Esquinas muy redondeadas, sombras suaves, sin bordes.Esquinas medias, superficies en capas, bordes sutiles.
Modo oscuroSe diseña aparte (claro por defecto).Se diseña aparte (claro por defecto).Es el único modo; opcionalmente un modo claro más adelante.
Le va bien aUso frecuente y rápido sin distraer; varias organizaciones.Uso personal o familiar; gente poco técnica.Uso nocturno, pantallas OLED; quien ya use tu web de contenedores.

Qué muestra cada pantalla

Inicio

Saldo por moneda (la moneda base primero), cuentas a un vistazo, el mes en dos barras, deudas pendientes y los últimos movimientos. El selector de organización va arriba a la izquierda.

Anotar gasto

Se abre desde el botón central en cualquier pantalla. Importe primero, con teclado propio; cuenta y categoría a un toque (las más usadas, aprendidas del uso); fecha de hoy. Tres toques para guardar.

Movimientos

Agrupados por día con el total del día; filtros en chips. Cada fila: icono de categoría, descripción, cuenta y categoría, importe con moneda. Las transferencias se ven en gris.

Deudas

Dos pestañas, lo que te deben y lo que debes. Cada deuda con progreso de pago, vencimiento resaltado si está cerca y botón de registrar pago. Las liquidadas, ocultas por defecto.