tueste café de barrio
Una app para pedir y recoger en tu cafetería de siempre. Pruébala: todo funciona en esta página y nada sale de ella.
Qué se diseñó en esta pantalla
Inicio
Lo que se busca a primera hora: la sucursal elegida con su horario y «lo de siempre» a un toque. Los destacados abren el mismo panel de personalización que el menú.
- Inicio
- Lo que se busca a primera hora: la sucursal elegida con su horario y «lo de siempre» a un toque. Los destacados abren el mismo panel de personalización que el menú.
- Menú
- Categorías con un indicador que se desliza, búsqueda que filtra mientras escribes y un estado «sin resultados» con salida. Fotos grandes donde se elige por la vista; filas de texto donde manda el origen del grano.
- Personalizar
- Un panel inferior con asa: tamaño, leche, carga de espresso, jarabe, temperatura y una nota para el barista. El total rueda cifra a cifra al cambiar una opción.
- Carrito
- Cantidades con − y +, quitar un artículo, hora de recogida «lo antes posible» o programada, y un estado vacío que regresa al menú.
- Confirmación
- Un resumen antes de confirmar y un aviso que no deja dudas: no se cobra, no se envía nada y no se piden datos personales.
- Seguimiento
- La comanda sale impresa y la barra de tueste se llena: recibido, preparando, listo. El sello marca cuándo pasar por él.
- Mis pedidos
- El historial de esta sesión y «repetir pedido» para volver a pedir lo mismo en un toque.
- Sucursales
- Horarios siempre visibles —lo que más se busca— y elegir sucursal. Sin mapa ni ubicación: la demo no pide permisos.
Recoges en Tueste Jacarandas Abierto · cierra a las 20:00
Cambiar de sucursal
Lo de siempre
Latte mediano con leche de avena · 90 pesos
Para hoy
Grano de la semana
Chiapas, lavado
Mandarina y miel. En V60 por 70 pesos.
Precios de demostración
Café caliente
Frío
Métodos de filtrado
Un origen distinto cada semana, tostado en casa y preparado al momento.
Panadería
Sin resultados para «».
Prueba con «latte», «frío» o «concha».
Carrito
Confirmar pedido
Esto es una demostración. Al confirmar no se cobra nada, no se envía ningún pedido a una cafetería y no te pedimos datos personales. Todo se borra al recargar la página.
Añade algo al carrito para ver aquí el resumen.
Tu pedido
Tras confirmar, la comanda del pedido aparece aquí y avanza por tres estados:
- Recibido. La sucursal tiene tu pedido.
- Preparando. El barista está en ello.
- Listo. Pasa por él al mostrador.
Aún no hay pedidos en esta sesión.
Cuando confirmes uno, lo verás aquí y podrás repetirlo.
Ver el menúElige dónde recoges. Todas abren temprano; los horarios son de demostración.
Tueste Jacarandas
Calle de las Jacarandas 14, esquina con Cedros
- Lunes a viernes
- 7:00 a 20:00
- Sábado y domingo
- 8:00 a 18:00
Tueste Mercado
Pasillo de las flores, local 3, Mercado del Barrio
- Lunes a sábado
- 7:30 a 15:00
- Domingo
- Cerrado
Tueste La Estación
Avenida de la Estación 220, planta baja
- Todos los días
- 6:30 a 21:00
Personalizar: Latte
Con JavaScript, cada producto abre un panel inferior con sus opciones y el total se recalcula. Estas son las opciones del latte:
- Tamaño
- Chico · 8 oz · Mediano · 12 oz (+$10) · Grande · 16 oz (+$18)
- Leche
- Entera · Deslactosada · Avena (+$12) · Almendra (+$12)
- Carga de espresso
- Sencilla · Doble (+$12) · Triple (+$22)
- Jarabe
- Sin jarabe · Vainilla (+$10) · Cajeta (+$10) · Canela y piloncillo (+$8)
- Temperatura
- Caliente · Tibia · Extra caliente
- Nota para el barista
- Texto libre, hasta 120 caracteres.
Recorrido sugerido
- Abre el menú
- Personaliza una bebida
- Añádela al carrito
- Cambia una cantidad en el carrito
- Confirma el pedido simulado
- Sigue el pedido hasta «listo»
- Márcalo como recogido
- Repite el pedido
Todo ocurre en esta pestaña: no hay pagos, cuentas, datos personales ni envío de pedidos. Recargar reinicia la demo.
Cómo está diseñada.
Una cafetería de barrio que tuesta su propio grano. La app toma de ahí su color y su tono: nada de plantilla de cafetería.
La escala de tueste
El único color con significado va del grano verde al tueste oscuro. Marca el nivel de cada café y el avance del pedido.
Azul de sello
Las acciones usan la tinta de los sellos que marcan las bolsas de café: un azul que contrasta sobre el gris claro de la app.
Iconos propios
Taza, pizarra, comanda y toldo: cuatro pestañas dibujadas con el mismo trazo, sin iconos de sistema de otra marca.
Movimiento con propósito
Las pantallas entran en la dirección de la navegación, el producto vuela a la bolsa y la comanda se imprime. Con movimiento reducido, todo cambia al instante.