UNA EXPERIENCIA PARA MOSTRAR, PROBAR Y MEDIR
Tu carta merece
una buena primera impresión.
Café Digital ayuda a una cafetería pequeña a presentar sus productos desde el celular y mantener una carta accesible mediante un enlace y un QR. Bruma es un negocio ficticio que permite comprobar la experiencia.
Probar carta funcional ↗01 / QUÉ PODEMOS OFRECER
Un comienzo concreto.
Presencia y carta digital
Web adaptable a notebook y celular, carta con fotografías, categorías, búsqueda, precios en CLP, detalle de productos, QR descargable y enlace de consulta a WhatsApp configurable.
La consulta se abre en WhatsApp. El usuario la envía manualmente; la web no recibe ni confirma pedidos.
Laboratorio de operación
Selección de mesa, carrito, pedidos ficticios, recepción con estados nuevo / preparando / listo / entregado y administración de productos y disponibilidad.
No está incluido ni activado en esta versión. Su futura simulación deberá identificarse y no equivale a un sistema productivo entre dispositivos.
02 / FICHA DE SERVICIO
Qué incluye cada servicio.
| Servicio propuesto | Incluye | Límite y condiciones |
|---|---|---|
| Café Digital Esencial · Nivel 1 | Una web para un local, carta de hasta 30 productos, fotografías proporcionadas por el cliente o referencias autorizadas, categorías, búsqueda, precios CLP, QR SVG, botón WhatsApp, adaptación móvil y una capacitación de 45 minutos. Dos rondas de ajustes antes de entregar. | Esta demo tiene 10 productos. El contenido real, número WhatsApp, precios e ingredientes requieren aprobación del dueño. Sin administración desde un panel. |
| Mantenimiento opcional | Propuesta acotada: una solicitud mensual con hasta 10 cambios de texto, precio o disponibilidad, revisión mensual de enlaces y respaldo del código antes de actualizar. | Ventana propuesta: hasta 2 días hábiles desde recibir información completa. Sin soporte permanente; nuevas secciones o funciones se cotizan aparte. |
| Laboratorio · Nivel 2 | Se desarrollará en una etapa posterior para probar mesas, carrito, pedidos ficticios, estados y panel de productos. | No construido, no incluido en Esencial. No ofrecer como sistema operativo listo para un local. |
El valor de instalación, mensualidad, dominio, alojamiento, impuestos y renovación deben quedar por escrito en la cotización antes de contratar. Esta demo no fija precios comerciales ni implica disponibilidad de un servicio 24/7.
03 / PROBLEMAS QUE RESUELVE Y LÍMITES
Una carta clara. Un alcance claro.
| Problema del local | Respuesta del Nivel 1 | Qué comprobar |
|---|---|---|
| La carta es difícil de leer en el celular. | Diseño móvil, categorías y búsqueda. | Que una persona encuentre un producto y su precio sin ayuda. |
| Cambiar precios exige volver a imprimir. | Contenido web modificable conservando el enlace. | Costo de las reimpresiones evitadas frente al costo de actualización. |
| La presentación digital no refleja al negocio. | Identidad visual, fotografías y descripciones. | Opinión de clientes y dueño, sin atribuir automáticamente un aumento de ventas. |
| Las personas no saben cómo consultar. | Enlace de WhatsApp con mensaje inicial. | Consultas útiles recibidas y tiempo que exige responderlas. |
- No incluye pagos, Webpay, boleta electrónica, POS, stock, reservas, pedidos, entregas ni integración con cocina.
- El Nivel 1 no reduce por sí solo el tiempo de tomar pedidos: el personal sigue atendiéndolos.
- Para producción, el local debe aprobar identidad, derechos de fotografías, precios finales, ingredientes, alérgenos y datos de contacto.
- Para compartir esta demo, utiliza el enlace de la carta publicado en tu alojamiento. El QR generado en la carta usa la dirección del sitio donde la estás viendo. Un local real necesitará un enlace público estable.
- No incluye analítica ni seguimiento de clientes. El QR no cuenta escaneos; las mediciones de esta prueba se registran manualmente.
- La carta necesita navegador moderno con JavaScript. La demo local funciona sin Internet después de descargar los archivos, excepto WhatsApp y enlaces externos.
04 / GUION COMERCIAL · CINCO MINUTOS
Primero mostrar. Después conversar.
Entender el problema
“¿Cómo ve hoy su carta una persona que llega por primera vez? ¿Y qué hace usted cuando necesita cambiar un precio? Preparé una cafetería ficticia para que podamos probar una experiencia concreta.”
Mostrar la experiencia
Abre la página y entra a La carta. “Esto se adaptaría a su marca, sus productos y sus precios. El cliente abre el enlace o escanea el QR; no necesita instalar nada.” Filtra por Dulces, busca croissant y abre su detalle. Invita al dueño a buscar otro producto.
Probarlo en el celular
Abre Compartir carta y muestra el QR. Usa tu celular con la cuenta autorizada o el enlace local del notebook. “El mismo contenido se consulta desde aquí. Si actualizamos un precio y conservamos el enlace, no hay que volver a imprimir ese QR.”
Relacionarlo con el negocio
“La propuesta es que su carta sea fácil de consultar y represente bien al local. Puede facilitar cambios de precios y consultas por WhatsApp. Para saber si le conviene, tenemos que medir cuánto tarda un cliente en encontrar algo y cuánto gasta hoy en actualizar cartas.” Muestra WhatsApp sin enviar mensajes; explica que no recibe pedidos en la web.
Delimitar lo que se entrega
“El servicio inicial incluye web, carta, QR, contacto y capacitación. El mantenimiento es opcional y tiene un alcance definido. Pedidos por mesa, cocina y pagos pertenecen a otra etapa; hoy no están disponibles. Dominio, alojamiento, plazos y precio quedarían detallados en una cotización.”
Proponer el siguiente paso
“¿Le parece que adaptemos una muestra con cinco productos suyos y definamos qué resultado le haría valiosa esta solución? Con su autorización para usar el material, preparo un alcance y una cotización. La idea es que evalúe algo concreto antes de decidir.” Registra la necesidad principal, quién aprueba y cuándo revisarán la propuesta.
Es una pauta para una conversación de cinco minutos con demostración y pausas. No prometas ventas, ahorro ni aceptación comercial sin evidencia del local.
05 / BENEFICIOS QUE NECESITAMOS MEDIR
La prueba decide el valor.
| Métrica | Cómo medir | Criterio propuesto para validar |
|---|---|---|
| Encontrar producto y precio | Cronometrar la misma tarea con carta actual y demo; 5 personas, registrar mediana. | Al menos 4 de 5 completan sin ayuda; comparar tiempos, sin asumir mejora. |
| Acceso por QR | 10 intentos en celulares reales y la red disponible; contar aperturas correctas. | 10 de 10 abren la carta. Corregir los fallos antes de entregar. |
| Actualización de precios | Medir minutos desde solicitud completa hasta publicación; comprobar QR original. | Precio aprobado visible y enlace conservado dentro del plazo pactado. |
| Costo de mantener la carta | Comparar boletas o registros de impresión y horas de actualización con el costo total digital. | Documentar diferencia real mensual; puede ser ahorro o mayor costo. |
| Consultas por WhatsApp | Registro manual del dueño durante 7 días: útiles, repetidas y minutos invertidos. | Evaluar utilidad frente a carga adicional de atención. |
| Velocidad y legibilidad | Probar carga sin caché en el celular y conexión habituales, 3 veces; revisar zoom y contraste. | Meta inicial: carta usable en menos de 3 segundos en la red acordada; verificar, no afirmar como resultado. |
Estas metas son criterios iniciales para un piloto, no resultados obtenidos. La prueba técnica de esta entrega se documenta en PRUEBAS.md.
Qué aprenderás del código.
HTML define la estructura; CSS organiza la apariencia y los tamaños de pantalla; products.js guarda el catálogo; app.js conecta botones, búsqueda, filtros y ventanas; config.js contiene teléfono y enlace. No hay base de datos ni servidor de pedidos.
Una función crea cada tarjeta a partir de sus datos. Ese mismo componente se reutiliza al filtrar la carta: puedes cambiar productos sin duplicar el diseño.