Todas las pantallas

Cada marco es la app de verdad corriendo, no una captura: podés tocar, escribir y navegar dentro de cualquiera. Cada una se abre en un estado distinto para poder comparar.

Los bloques color durazno son fotos que faltan. No hay fotografía real de producto de Tío Mono, así que se marcan como “imagen conceptual” en vez de inventar una. Los nombres, precios e ingredientes también son de ejemplo — los reales los carga Martín.

Entrada al club

Lo primero que ve alguien que nunca usó la app.

01 · Bienvenida

El único momento donde el Tío Mono ocupa el centro de la pantalla.

02 · Alta

Dos campos. Es la decisión mejor fundamentada del prototipo: los formularios largos matan estos programas en la caja.

03 · Alta con error

Validación en rojo, con el mensaje explicando qué corregir.

04 · Ingresar

El ingreso real por SMS se define cuando haya servidor. Acá valida contra la cuenta de este teléfono.

Inicio

La pantalla más trabajada. Un solo elemento domina: La Tarjeta.

05 · Inicio — sellos

Jerarquía: Tarjeta → progreso → nota del Tío → foto de producto → movimientos. Tocar la Tarjeta lleva al QR.

06 · Inicio — puntos

La misma pantalla con la otra mecánica. Martín elige una de las dos.

07 · Inicio — recién registrado

Saldo en cero y sin movimientos. El Tío explica qué hacer primero.

08 · Premio desbloqueado

El código es lo que se muestra en el mostrador. El Tío salta con squash & stretch.

El QR

La única pantalla oscura de toda la app — y la que más se usa.

09 · Mostrar el código

Fondo oscuro y marco blanco puro por una razón funcional: se lee de noche, con brillo bajo y pantalla sucia. El código rota cada 60 s.

Cargar saldo

Requiere validación legal y contable
El modelo tipo tarjeta Starbucks que pidió Martín. Acá es simulado; antes de mover plata real hace falta contador y pasarela.

10 · Elegir monto

Seis montos y campo libre.

11 · Con bonificación

El resumen muestra cuánto se regala. Los montos y las bonificaciones los define el negocio.

Puntos y premios

Siempre con el número visible, nunca sólo una barra.

12 · Sellos

Cada 8 visitas, una gratis.

13 · Puntos con catálogo

Disponibles arriba, bloqueadas abajo, ordenadas por cercanía.

14 · Con un premio listo

El vale ganado queda arriba de todo, con borde naranja.

15 · Sin nada todavía

Estado vacío que enseña qué va a aparecer ahí.

La carta

La comida es la protagonista. Todas las fotos son placeholders.

16 · Hamburguesas

Destacado grande arriba, después las tarjetas horizontales.

17 · Pollo frito

“Pioneros en pollo frito” es lo que la marca ya comunica — merece su propia categoría destacada.

18 · Producto

Foto grande, precio al lado del nombre, ingredientes como chips. Sin botón de pedido: la app todavía no toma pedidos.

Movimientos

Si hay plata de por medio, poder auditarla no es opcional.

19 · Historial

Cargas, compras y canjes, con fecha y hora.

20 · Sin movimientos

Estado vacío con una salida clara.

Perfil

21 · Perfil

Datos, dos métricas y accesos. Abajo, el bloque de demo con borde punteado — eso no va en el producto real, está para que Martín pruebe las dos mecánicas.

Modo cajero

Propuesta — no la pidió nadie
Toda la investigación de la categoría mira al cliente; nadie mira el mostrador, que es donde estos programas se rompen.

22 · Mostrador

Lo que ve quien atiende: escanear, poner el total y un botón. Es lo que le va a importar a Martín, porque es el que opera.

Avisos

Confirmaciones y errores que aparecen sobre cualquier pantalla.

23 · Confirmación

Se va solo a los 2,6 s.

24 · Error en caja

Dice qué pasó y qué hacer, nunca un código técnico.

Club Tío Mono · prototipo exploratorio V0 · abrir la app completa