La fotografía abre; el contenido orienta
La escena transmite el carácter de Mesa. Cada plato tiene nombre, descripción, categoría y precio visibles, sin depender de la fotografía para entenderlo.
Landing page · gastronomía
MesaUna experiencia que abre el apetito.
Una propuesta gastronómica necesita despertar interés y hacer fácil decidir. Mesa conecta una presentación sensorial con un catálogo legible y un recorrido de solicitud sin sorpresas.
Proyecto conceptual · datos ficticios
Probar la experiencia![Captura de la interfaz conceptual Mesa.](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="1200" height="800"%3E%3C/svg%3E)
01 / El punto de partida
Conectar contenido visual y una acción clara.
Cuando una carta depende de una imagen o un PDF, comparar opciones y mantener una selección requiere esfuerzo. Diseñamos un escenario donde el visitante puede encontrar un plato, revisar sus ingredientes y ver el total antes de dar el siguiente paso.
- 01Explorar la carta y encontrar una opción.
- 02Añadir platos y ajustar cantidades.
- 03Probar la solicitud y revisar sus datos antes de continuar.
02 / El criterio
Cada detalle
responde a una idea.
Decisiones que conectan la presentación
con el comportamiento de la interfaz.
Una selección que siempre se entiende
Buscar y filtrar cambia los platos visibles, pero conserva la selección. Las cantidades y el total se calculan con el mismo conjunto de datos; vaciar permite empezar de nuevo.
Un paso antes de confirmar
La solicitud separa elegir de revisar. La validación explica lo que falta y volver a editar conserva las opciones. El resumen deja claro que se trata de una simulación.
03 / La experiencia
Una interfaz.
Diferentes formas de usarla.
Capturas del módulo desarrollado.
También puedes comprobarlo más abajo.
04 / Pruébalo
El diseño también
es cómo funciona.
Dos recorridos del mismo escenario.
Puedes cambiar de módulo y reiniciar.
Demos conceptuales · datos ficticios · interacciones locales
Explorar, elegir y ver el resultado
Una selección de platos de ejemplo, con búsqueda y cantidades que sí responden.
Cómo probarla Busca o filtra platos, añádelos y ajusta las cantidades.
MESACocina que conectaMenú interactivo · demo
Hecho para compartirElige tu próximo
Elige tu próximo
encuentro.
Sabores y datos de ejemplo.
4 platos disponibles en la muestra
Brasa del huerto
Vegetales de temporada, crema de maíz y hierbas.
Arroz de temporada
Arroz cremoso, hongos y un toque de limón.
Pesca del día
Pesca a la plancha, vegetales y salsa de la casa.
Encuentro de cacao
Cacao, fruta fresca y una textura crujiente.
Tu selección se conserva al pasar a la solicitud de muestra.
- Catálogo responsive con búsqueda combinada con categorías.
- Selección local con cantidades y precios ficticios en COP.
- Solicitud de muestra en dos pasos, validación y resumen.
La selección acompaña el recorrido de solicitud como resumen local. No hay checkout, disponibilidad real, pagos, reservas ni envío de datos a un restaurante.
Diseño y desarrollo de la interfaz: ATLAAZ. React, TypeScript y CSS. Escenas conceptuales generadas; las capturas muestran componentes reales.
¿Quieres presentar una propuesta que invite a dar el siguiente paso?
Cuéntanos tu necesidad. Revisamos contigo qué partes de esta experiencia tienen sentido para tu proyecto.
Hablemos de una idea como Mesa