Aprende › Curso
Diseño de Menú
Domina el builder: desde la base de marca hasta el último ajuste, con capturas, el orden que más tiempo ahorra y ejercicios opcionales para comprobar lo que aprendiste.
11 capítulos · 51 lecciones · 118 min en total
Temario
Capítulo 1
Conoce el builder
Sabes dónde está cada cosa, cómo trabajar sin riesgo de perder nada y en qué orden conviene construir tu menú.
- 3 minQué es el builder de diseñoEl editor donde diseñas el menú que ven tus clientes, con vista previa en vivo.
- 2 minLas seis secciones y el recorrido de tu clienteQué controla cada pestaña y en qué momento del pedido aparece.
- 3 minEstructura, lienzo e InspectorLas tres columnas del builder y cómo seleccionar lo que quieres editar.
- 3 minLa barra de herramientasDispositivos, zoom, buscar ajuste, Click to Find, copia de seguridad y ayuda.
- 3 minGuardar sin miedoBorrador, contador de cambios, guarda de salida, recuperación y copia de seguridad.
- 4 minCómo funcionan los ajustesHerencia, ajustes por dispositivo, colores, tipografía y fondos: los patrones que se repiten.
- 4 minEl orden recomendado para construir tu menúDe lo general a lo particular: el camino que más tiempo ahorra.
Capítulo 2
Branding: la base de todo
Dejas definidos los colores, las fuentes y el logo de tu restaurante, que todo lo demás va a heredar.
- 2 minTu paleta de coloresGuarda los colores de tu marca para reutilizarlos en cualquier selector del builder.
- 3 minLos cuatro colores basePrimario, acento, texto y fondo: la raíz de herencia de todo tu menú.
- 3 minFuentes, logo e íconoLa tipografía de tu marca y las imágenes que te identifican.
- 2 minImagen de fondo fijaUna imagen detrás de todo el menú, con un velo para que el texto se lea.
Capítulo 3
Vitrina: el encabezado
Diseñas la primera impresión de tu menú: el tipo de encabezado, su fondo, tu logo, tu nombre y los botones de acceso rápido.
- 2 minElige el tipo de encabezadoCuatro formatos de portada y cuál conviene a cada restaurante.
- 2 minEl fondo del encabezadoColor sólido, degradado, imagen o video detrás de tu logo.
- 3 minLogo y nombre del restauranteCómo se ve tu marca arriba: visualización, tamaño, alineación, fusión y estilo del nombre.
- 1 minEl texto debajo del encabezadoLíneas de texto con estilo propio, como un eslogan o un aviso.
- 2 minPortada completa y Banner rotativoEl botón «Ver menú» y la galería de imágenes: los ajustes propios de estos dos tipos.
- 2 minBotones de acceso rápidoWhatsApp, redes, ubicación y más, justo bajo tu logo.
Capítulo 4
Vitrina: la navegación
Diseñas la barra de categorías por la que tu cliente se mueve por el menú: botones, estados, barra y subcategorías.
- 2 minLa barra de categoríasQué es, cómo se selecciona y cómo se organizan sus ajustes.
- 3 minBotones de categoría: reposo y activoTipografía, colores, forma, tamaño, contorno y sombra de los botones.
- 3 minLa barra, su fondo y las subcategoríasColor, altura, borde, sombra e imagen de la barra; botones y panel de subcategorías.
Capítulo 5
Vitrina: categorías y tarjetas
Diseñas cómo se muestran tus productos: columnas, tarjetas, botón de agregar, etiquetas, y aprendes a replicar un diseño en todas las categorías de una vez.
- 3 minUna categoría por dentroQué ajustes tiene cada categoría y dónde se manejan su nombre y su orden.
- 2 minVista y columnas por dispositivoGrid u Horizontal, y cuántas tarjetas por fila en móvil, tablet y escritorio.
- 2 minPresentación de la fila: ancho, esquinas y aireCómo se coloca la sección de una categoría en la pantalla y qué hacer con las filas de dos columnas.
- 3 minDiseño personalizado: la secciónFondo, sombra, espaciado, título y decoración de la sección de una categoría.
- 2 minLa tarjeta de productoEl tipo de tarjeta, la animación de entrada, el contorno, la sombra y el espacio.
- 2 minImagen, nombre, descripción y precioLo que lleva cada tarjeta por dentro y cómo darle estilo a cada pieza.
- 2 minEl botón de agregar y las etiquetasDónde y cómo se ve el botón de cada tarjeta y los avisos «Nuevo», «Popular», «Oferta» y «Agotado».
- 2 minCategoría modelo y vínculosDiseña una categoría una vez y haz que las demás la sigan.
- 2 minDescripción, exclusiones y destacadosUn texto bajo el título, sacar productos de la grilla y la zona de destacados.
Capítulo 6
Vitrina: secciones, bloques y stickers
Añades a tu Vitrina imágenes, videos, botones, textos y promociones, los ordenas a tu gusto y decoras con stickers.
- 4 minSecciones y bloques: cómo se arma tu VitrinaQué es una sección, qué es un bloque, cómo se insertan, se ordenan, se duplican y se borran.
- 4 minBloques de medios: imagen, carrusel, video, galería y logoTodo lo que se ve: fotos sueltas, varias fotos que pasan, un video y tu marca.
- 3 minBloques de acción: botones, sede, WhatsApp y enlacesBotones que llevan a tu cliente a pedir, reservar o llegar.
- 1 minBloques de texto: título, texto y badgePalabras en tu menú: encabezar una zona, contar algo y destacar con una etiqueta.
- 1 minSeparador, espaciador y bannerOrden visual y promociones: líneas, aire vertical y un banner con botón.
- 2 minBloques de productos: individual y sliderMuestra un plato puntual o un carrusel de recomendados, sin sacarlos de su categoría.
- 2 minBloques de sedes y HTML personalizadoMapa, horarios, listado de sedes y, para casos especiales, tu propio HTML.
- 3 minStickers decorativosHasta cinco imágenes flotantes para dar personalidad a tu Vitrina.
Capítulo 7
Detalle del producto
Diseñas la pantalla que se abre cuando tu cliente toca un plato: su presentación, sus textos, sus opciones y su botón de agregar.
- 1 minTipo de vista y panelCómo se abre el detalle (hoja, modal o lateral), su redondez y su fondo.
- 1 minLos textos del detalleNombre, descripción y precio: tipografía propia en cada uno.
- 2 minVariantes y extrasCómo se ven los grupos de opciones y qué pasa cuando tu cliente elige una.
- 2 minBotón «Agregar», contador e instruccionesEl botón con el que se suma al pedido, el contador de unidades y el campo de notas del cliente.
Capítulo 8
Carrito
Diseñas el carrito de tu cliente: cómo se muestra, sus colores cerrado y abierto, sus textos y su botón para pasar al pago.
Capítulo 9
Checkout
Diseñas la pantalla donde tu cliente confirma el pedido: su aspecto, su formulario, la entrega, el pago y el botón de confirmar.
- 2 minAspecto general, títulos y resumenFondos, barra superior, títulos y el resumen del pedido.
- 2 minCampos del formularioQué datos le pides a tu cliente y cuáles son obligatorios.
- 2 minEntrega y pagoLos colores de los botones de entrega, de los métodos de pago, de sus datos y del comprobante.
- 2 minMensajes y botón de confirmaciónEl mensaje sobre el botón, las notas finales de WhatsApp y el botón que envía el pedido.
Capítulo 10
Landing Multi-Sedes
Diseñas la página donde tu cliente elige sede y la pantalla de transición cuando cambia de una a otra. Solo aplica si tienes más de una sede.
- 2 minLa página donde se elige sedeQué es, cómo se organiza y cuáles son sus zonas fijas.
- 2 minSecciones y bloques de la LandingArmar la página con secciones de una o dos columnas y los bloques que ofrece.
- 2 minLa pantalla de transición entre sedesEl «loader» que se ve un instante cuando tu cliente cambia de sede.
Capítulo 11
Problemas comunes
Resuelves los tropiezos más frecuentes del builder sin salir a buscar ayuda: qué los causa y cómo se arreglan.