DS Menu
Menús digitales diseñados para transformar la forma en que un negocio presenta lo que vende
DS Menu es un sistema de menús digitales para negocios locales. Lo construí como un producto, no como una web suelta: un motor común y, para cada local, un tema y sus datos.
- Tipo
- Producto digital, menús para negocios locales
- Rol
- Diseño y desarrollo
- Estado
- Showroom de demostración
- Demos
- 16 locales ficticios
- Idiomas
- IT, ES, EN, DE, FR
Los locales, los platos y los precios son ficticios.
- Tipo
- Producto digital, menús para negocios locales
- Rol
- Diseño y desarrollo
- Estado
- Showroom de demostración
- Demos
- 16 locales ficticios
- Idiomas
- IT, ES, EN, DE, FR
Los locales, los platos y los precios son ficticios.
El sistema
Un solo sistema, dieciséis identidades.
Restaurantes, dulces y cafés, locales nocturnos, playa y eventos. Cada demo tiene sus colores, su tipografía y su manera de mostrar los productos. Cambia la identidad, el motor es el mismo.
FORNO 27, Pizzería
FORNO 27
Fuego y carácter: un cartel tipográfico, fotos cálidas y tamaños claros.
- Paleta
- Tipografía
- Big Shoulders Display
- Tema
- claro
Son demos: los locales, los platos y los precios son ficticios, las fotos tienen licencia y los datos de alérgenos son de demostración.
El QR
Un QR. Un menú. Una experiencia.
El cliente escanea el código desde la mesa, la barra o un folleto y el menú se abre en el navegador, sin app y sin registro. Después elige por categoría y abre el producto: formatos, precios, ingredientes, alérgenos.
Se escanea
Un QR en la mesa, en la barra o en el folleto.
Se abre
El menú en el navegador del móvil, en el idioma elegido.
Se elige
Categorías, búsqueda y ficha del producto.
Cómo está hecho
Un motor común, un tema para cada local.
Pensado para el móvil
Diseñado desde 320 píxeles de ancho. La pantalla que cuenta es la del móvil, no una web de escritorio reducida.
Cinco idiomas
Italiano, español, inglés, alemán y francés, con la bandera arriba. Los textos de las demos son de demostración.
Categorías, búsqueda, alérgenos
La barra de abajo lleva a las categorías, la búsqueda, el filtro de alérgenos y la información del local.
Fichas de producto
Formatos, precios, ingredientes y alérgenos. Cada producto tiene su propia dirección y la ficha se lee incluso sin JavaScript.
Sin app ni cuenta
Se abre desde un enlace o un QR. Nada que instalar, nada que registrar.
Un tema por local
Los colores, la tipografía y la forma de las fichas están en el tema. El motor es uno: cada local aporta sus datos y su tema.
Cómo está hecho
Next.js con React y Tailwind. Un motor común genera el menú público (estructura, búsqueda, idiomas, fichas de producto) y cada local aporta su tema, con colores, tipografía y forma de las fichas, y su conjunto de datos. Las páginas las sirve Netlify: las de las fichas de producto se generan en la primera petición y después se guardan en caché.
- El stack
- Next.js, React, TypeScript, Tailwind CSS, Netlify
- Mi rol
- Product thinking, UX/UI, Design system, Frontend, Textos y fotos de las demos
El resultado
Dieciséis demos en línea, para abrir desde el móvil.
- Cada una con su identidad: colores, tipografía y manera de mostrar los productos.
- Cinco idiomas en cada demo.
- Un solo motor de menú, con un tema para cada demo.
Todavía no
Un panel de gestión para el titular, pedidos y pagos. En el showroom no están y no los prometo: se valoran caso por caso.
Los locales y los platos son ficticios. Fotos con licencia, créditos en cada demo. Los textos, las traducciones y los datos de alérgenos de las demos son de demostración: en un menú real los confirma el local.
