Fase 04 · Sin decisión aún — ampliando visión · Julio 2026

Seis ideas que no has visto
+ tu panel de mando + los cimientos

Estado real: ningún diseño te ha convencido todavía; Tregua te agrada como base pero pides más sorpresa. Estas seis no salen de ninguna lista de tendencias — son conceptos propios, y todas heredan el llenado relámpago de Tregua como firma. Debajo: el panel de administración para gestionar reservas y operación, y la estructura técnica (datos, seguridad, eficiencia) para que la app nazca sólida.

Original 01
Órbita
Tu día como un sistema solar: las horas orbitan alrededor de tu café. Cada anillo es una franja; arrastras una cuenta al anillo y queda reservada. El centro es tu vaso — que se llena con la firma de Tregua cuando confirmas. Nadie en la categoría tiene una interfaz radial: todo el mercado es listas verticales.
Fortaleza: el selector de franja deja de ser una rejilla aburrida y se convierte en el gesto identitario de la marca. Riesgo: curva de aprendizaje — necesita respaldo en lista.
Demo · Las franjas orbitan, el centro se llena
10:58
Tu sistema
Bianchi · arrastra una hora a la órbita
11:00
11:15
11:15 · FIJADA
● AMARILLO — TU FRANJA
● AZUL — LIBRE · GRIS — COMPLETA
Confirmar órbita
Original 02
Pulso
La app tiene latido, y es el latido real de la cafetería: tranquila late a 60, a reventar late a 120. Todo el interfaz respira a ese tempo — tarjetas, botones, electro. Eliges local no por distancia sino por pulso: «me apetece uno que esté a 60». El dato de espera se convierte en emoción pura.
Fortaleza: convierte tu dato diferencial (cola en vivo) en identidad sensorial. Haptics del móvil laten con la interfaz. Riesgo: el rojo sanitario — hay que huir del look «app de cardio».
Demo · Todo late al ritmo del local
10:58
El barrio
late así
64 BPM

Bianchi

240 m · tranquila

♥ 64

Sant Ana

410 m · animada

♥ 92

Federal

750 m · a reventar

♥ 128
Reservar donde late a 64
Original 03
Barrio
Tu zona como una maqueta isométrica viva, estilo Monument Valley: las cafeterías son edificios en miniatura y tú eres el punto rojo que camina. Pides y ves tu pedido prepararse dentro del edificio; la ruta hasta el local es parte de la interfaz. El mapa deja de ser Google Maps genérico y pasa a ser un mundo propio.
Fortaleza: diferenciación visual brutal y cariño inmediato («mi barrio»). Riesgo: coste de producción del arte isométrico por ciudad — se resuelve generando desde datos de OpenStreetMap con estilo propio.
Demo · El punto rojo eres tú, camino del café
10:58
Tu barrio
Gràcia · 3 cafeterías despiertas

Bianchi — tejado rojo

Tu cortado estará al llegar

4′

Llegas a las

caminando tranquilo

11:14
Original 04
Portada
Cada pausa genera la portada de un periódico: «LA EDICIÓN DE LAS 11:15». Tu pedido es el titular, la espera es «última hora», tus sellos son los clasificados. Al final del año tienes 200 portadas — tu hemeroteca personal de pausas, compartible pieza a pieza. La letra capital se llena de tinta con la animación firma de Tregua.
Fortaleza: cada pedido produce un objeto compartible sin esfuerzo (la portada del día a Stories). Riesgo: el formato editorial exige textos bien escritos cada día — se automatiza con plantillas, pero sin descuidarlo.
Demo · La edición de hoy, la capital se entinta
10:58
La Pausa
Edición de las 11:15 · Nº 143 · Gràcia · Jueves 23
Nizar reserva su cortado en Bianchi▌
C
omo cada mañana, a las once y cuarto. Barra, leche entera, sin azúcar. Los presentes afirman que la espera será de apenas cuatro minutos. El vaso, propio: veinte céntimos de descuento.
Última horaBianchi sin cola. Sant Ana, dos pedidos por delante.
ClasificadosSellos: 9 de 10 en Sant Ana. Se busca décimo café.
Publicar edición — reservar
Original 05
Espuma
Tu racha es una criatura de espuma de leche que vive en la app. Cada pausa diaria la alimenta; si te saltas días, se va quedando dormida (nunca muere — nada de culpa, esto no es un tamagotchi cruel). La fidelización deja de ser una tarjeta de sellos y pasa a ser una relación. Pulsa «alimentar» en la demo.
Fortaleza: retención emocional altísima y compartible (la gente enseña su criatura). Riesgo: el tono — o encanta o parece infantil. Decisión de público: 18–30 sí, oficinas serias quizá no.
Demo interactiva · Aliméntala con un café
10:58
Foamy tiene hambre
Racha 41 días · nivel Barista
z
Energía82%
Alimentar — pedir mi cortado
Un café al día la mantiene despierta. Si viajas, ponla en modo siesta — sin perder la racha.
Original 06
Cinta
La carta como cinta de sushi: las bebidas desfilan y las cazas al vuelo. Tocas un plato → llenado relámpago de 450 ms → al carrito. Pedir se convierte en un micro-juego de reflejos que dura segundos, y la cinta prioriza sola: lo tuyo de siempre pasa primero. Pasa el ratón para pausar, toca para cazar.
Fortaleza: la forma más rápida y divertida de pedir del set completo — casa perfecto con tu obsesión de velocidad. Riesgo: accesibilidad (elementos en movimiento) — modo lista obligatorio y la cinta se pausa al tocarla.
Demo interactiva · Caza bebidas de la cinta
10:58
Caza tu café
Bianchi · la cinta va llena hoy · toca para añadir
☕
Cortado

1,60

🫖
Filtro

2,80

🥛
Flat white

3,10

🥐
Croissant

2,20

☕
Espresso

1,40

☕
Cortado

1,60

🫖
Filtro

2,80

🥛
Flat white

3,10

🥐
Croissant

2,20

☕
Espresso

1,40

Cazados0 · 0,00 €
↳ La cinta ordena por tus hábitos
↳ Modo lista disponible (accesibilidad)

Tu panel de mando

Lo que tú (y cada local) necesitáis para operar: reservas en vivo, cola de pedidos, capacidad por franja y control total. Independiente de la estética que gane — esto es estructura. El mock muestra la pantalla de operación diaria; debajo, el inventario completo de funciones por módulo.

admin.tuapp.es/bianchi/hoy
Hoy — operación
Reservas y franjas
Carta y stock
Clientes y sellos
Métricas
Configuración
Integraciones
Equipo y roles
Seguridad

Jueves 23 · Bianchi

EN VIVO · actualizado hace 2 s
37pedidos hoy ▲ 12%
4′espera media ▼ 1′
92%ocupación 11–12h ▲ alerta
68 €hora actual ▲ 8%

Cola en vivo arrastra para cambiar estado

Nizar R. — Cortado

11:15 · BARRA · VASO PROPIO

En barra
Marta G. — 2× Flat white

11:15 · SALA · AVENA

Preparando
Jon A. — Filtro Etiopía

11:20 · BARRA

Preparando
Claudia M. — Espresso + croissant

11:20 · TERRAZA

Nuevo
Reserve w/ Google — Mesa 2 pers.

11:30 · SALA · SIN PEDIDO AÚN

Nuevo

Franjas de hoy capacidad por 15 min

11:00
6/11
11:15
9/11
11:30
11/11
11:45
4/11
12:00
2/11
Pausar franja
Cerrar día
Hoy — operación
  • Cola kanban: nuevo → preparando → en barra → recogido
  • Impresión/pantalla en barra para baristas
  • Alertas: franja saturada, pedido sin recoger 15′
  • Modo prisa: pausar nuevas franjas 30′ con un toque
Reservas y franjas
  • Capacidad por franja de 15′, editable por día/hora
  • Sincronización Reserve with Google + walk-ins manuales
  • Cierres, festivos y horarios especiales
  • Lista de espera automática con aviso push
Carta y stock
  • Agotar producto («86») en un toque — se oculta en app al instante
  • Variantes: leches, tamaños, extras, alérgenos
  • Precios por local y por franja (happy hour)
Clientes y sellos
  • Historial por cliente, notas del barista («sin espuma»)
  • Detección de fraude en sellos (canjes anómalos)
  • Compensaciones: café gratis / disculpa con un toque
Métricas
  • Pedidos, ticket medio, horas punta, ratio recurrencia
  • Comparativa entre locales (si hay varios)
  • Export CSV y cierre de caja diario
Equipo, roles y seguridad
  • Roles: dueño / encargado / barista (permisos distintos)
  • Registro de auditoría: quién tocó qué y cuándo
  • Sesiones con expiración corta en dispositivos compartidos

Los cimientos: seguridad y eficiencia

Aviso honesto: no tengo acceso a ningún código de la app — si ya existe, conéctame la carpeta y auditaré lo real en vez de proponer en abstracto. Esto es la estructura que yo construiría para el flujo que ya definimos, lista para que cualquier desarrollador (o Pixel) la ejecute sin ambigüedad.

Modelo de datos (núcleo)

  • users · cafes · staff (rol por local)
  • menus / items / variants (leches, tamaños, alérgenos)
  • slots (franja 15′, capacidad, estado) · reservations
  • orders / order_items (estado máquina: creado→pagado→preparando→en_barra→recogido→cerrado)
  • stamps / redemptions · audit_log

Pagos — regla de oro

  • Stripe (o Adyen): la app jamás toca ni guarda tarjetas — solo tokens. PCI resuelto por diseño
  • Claves de idempotencia en cada cobro: un doble toque nunca cobra dos veces
  • Precio verificado en servidor — el cliente nunca envía importes, solo IDs
  • Reembolsos automáticos si el local cancela (webhook → refund → push)

Seguridad de acceso

  • Passkeys / Sign in with Apple / Google — sin contraseñas propias
  • Row Level Security en base de datos: cada local solo ve lo suyo; cada usuario, lo suyo
  • Tokens de sesión cortos + refresh; revocación por dispositivo
  • Rate limiting por IP y por usuario en pedidos y canjes (anti-abuso de sellos)
  • RGPD: exportar y borrar cuenta self-service, consentimiento granular

Tiempo real y eficiencia

  • Canales realtime (websocket) por pedido: estado en <1 s en app, panel y Live Activity
  • Concurrencia de franjas: reserva con bloqueo optimista — dos personas no cogen la última plaza
  • Carta cacheada offline; cola local de acciones si no hay red
  • Objetivo frío→interactivo <1,5 s; animaciones a 60/120 fps solo con transform/opacity (como estas demos)

Integraciones

  • Reserve with Google (Reservations E2E): exige contrato directo con cada local y ficha de Maps coincidente — validar antes de prometer
  • Fallback propio de reservas si el local no está integrado
  • Webhooks firmados (HMAC) para TPV/impresora de barra

Operación sin sustos

  • Entornos: dev / staging / producción — nada se prueba en producción
  • Backups diarios + restauración ensayada (no solo configurada)
  • Monitorización: errores (Sentry), métricas de negocio, alertas de caída
  • Feature flags para lanzar diseño/funciones por porcentaje de usuarios
Dónde estamos: sin decisión de diseño, y está bien — mejor ampliar ahora que rehacer después. Mi lectura de esta tanda: Pulso es la que convierte tu ventaja real (datos de cola en vivo) en identidad; Órbita es la más marca-registrable visualmente; Cinta es la más rápida para pedir (tu obsesión) y Portada la más compartible. Barrio y Espuma son las de mayor cariño y mayor coste. Todas aceptan la piel oscura de Tregua encima — el concepto y la estética son separables, y esa es quizá la decisión clave que te propongo para la siguiente ronda: elegir esqueleto (cómo se organiza y se mueve) y piel (cómo viste) por separado.