Hot Dog Seattle: diseño de tienda en línea con WordPress y Elementor
Project Gallery
El contexto
Hot Dog Seattle es una marca de comida rápida informal con identidad visual fuerte y un menú construido alrededor de la personalización. Pedir en mostrador es rápido y social. Pedir por internet, con su montaje anterior, no era ninguna de las dos cosas.
Pedir comida tiene una restricción que el comercio electrónico normal no tiene: quien pide suele tener hambre, muchas veces está de pie y casi siempre está en un teléfono. Cada toque de más te cuesta un pedido. El problema de diseño era comprimir un menú personalizable en algo que se pueda completar con una sola mano.
Decisiones de diseño
Mobile first, y no como figura retórica. El maquetado de teléfono se diseñó primero y la versión de escritorio se derivó de ahí. Para una marca de comida, el escritorio es el caso excepcional.
Personalización modelada sobre el mostrador. Elegir ingredientes en internet suele acabar convertido en un formulario largo. Lo estructuré como funciona pedir en persona: eliges el producto y luego lo ajustas, con el precio actualizándose a la vista para que nadie se lleve una sorpresa al pagar.
La fotografía haciendo la venta. La comida se compra con los ojos. La rejilla del menú da a cada producto una imagen grande y quita la interfaz de en medio, dejando solo el nombre y el precio compitiendo por atención.
Un pago sin desvíos. Sin crear cuenta, sin pantallas intermedias de venta cruzada. Carrito, datos, pagar.
El flujo
El mapa del sitio es deliberadamente poco profundo. Desde el inicio, cuatro destinos: sobre nosotros, tienda, ubicación y contacto. Nada queda a más de dos toques del menú, lo que mantiene baja la profundidad de rastreo para los buscadores y baja la carga mental para la clientela.
A lo largo del embudo:
- Las páginas de producto llevan reseñas, porque con comida la prueba social trabaja más que la descripción.
- El carrito muestra el pedido con la claridad suficiente para revisarlo antes de comprometerse, que es donde ocurre la mayor parte del abandono.
- El pago ofrece tarjeta, PayPal y métodos locales, porque limitar las opciones en un negocio de comida local cuesta pedidos reales.
- Tras la venta, una solicitud de valoración alimenta las reseñas de las páginas de producto.
Stack
WordPress con Elementor Pro en el frontend, sobre una construcción ligera: contenedores nativos, sin complementos del constructor de páginas, e imágenes exportadas en WebP al tamaño real de visualización.
Esto último importa aquí más que en la mayoría de los sitios. Alguien con hambre y datos móviles no va a esperar cuatro segundos a que cargue un menú, y la fotografía de comida es justo el tipo de recurso que se publica sin optimizar.
Resultado
El cliente pasó de tomar pedidos por teléfono y mensajes a una tienda que los gestiona, y puede actualizar el menú por temporada sin necesitar a alguien de desarrollo.
¿Tienes un negocio de comida local?
Los pedidos en línea fallan por fricción mucho más que por diseño. Si el tuyo pierde clientela entre el menú y la pantalla de pago, ese camino vale la pena mapearlo.