ENFRHablemos
← Todos los proyectos

Bigger Burgers

Un sitio de pedidos gráfico y ruidoso para un local de smash burgers: cada hamburguesa es un personaje que estalla en capas, y el pedido para retirar va del menú a la confirmación en cuatro pasos.

Un proyecto concepto creado para mostrar lo que puedo hacer por una marca de este mercado. La marca y las personas son ficticias.

Visitar el sitio Restaurante · pedidos en líneaProyecto concepto
Servicios
Diseño web, eCommerce
Año
2026
Lugar
Concept
Plataforma
Astro · GSAP · Vercel
Bigger Burgers home page: Good food, messier mood

El reto

Las hamburgueserías se parecen todas en línea: una foto oscura, un menú en PDF y un teléfono. Un local para retirar necesita un sitio que se sienta como la marca y convierta el hambre en un pedido en menos de un minuto.

El enfoque

Diseñamos el sitio como el empaque: papel kraft, manchas de color, letras a pincel y una corona en todo. La animación es elástica en lugar de lenta y lujosa: las hamburguesas se aplastan y explotan al pasar el mouse, el fondo cambia de color con el scroll, y el pedido se mantiene corto y legible en el teléfono.

Signature burgers on colour-blob cards
Hamburguesas con personalidadCada hamburguesa tiene su mancha de color. Al pasar o tocar, se aplasta, se separa en capas y lanza dibujos hechos a mano.
Every layer, on purpose: an exploded burger with labelled layers
Cada capa, a propósitoUna sección fija: con el scroll, la hamburguesa se separa capa por capa y un contador nombra cada ingrediente.
Burger + fries + drink = bigger combo section
La venta del comboHamburguesa, papas y bebida en una ecuación simple, con el precio extra a la vista y un botón que arma el combo.
Started small, stacked high: the story section
Una historia con actitudUna historia corta y atrevida con la voz de la marca, junto a una foto del local en un marco de papel.
Pick your monster: the menu and order page
Menú y pedidosPestañas fijas para hamburguesas, acompañantes, bebidas y combos, con una línea en vivo de “abierto ahora” y retiro en unos 20 minutos.
Item sheet with combo, add-ons and removals
Arma tu hamburguesaToca una hamburguesa para hacerla combo, agrega tocino o huevo, quita la cebolla y mira cómo cambia el precio.
Let’s get it bagged: the pickup checkout
Checkout para retirarBolsa, hora de retiro, datos y confirmación con número de pedido, en cuatro pasos cortos. El pago se conecta a Stripe, Square o Wix para un restaurante real.

En el teléfono

Perfecto en cualquier teléfono

La mayoría de los visitantes llega desde el teléfono, así que el sitio se diseña primero ahí: rápido, fácil de leer y a un toque de reservar o comprar.

  • Bigger Burgers, En el móvil

El sitio en vivo

Míralo en movimiento

Grabaciones de pantalla del sitio real, sin edición: el scroll, las animaciones y las transiciones tal como los ve un visitante.

Escritorio
Teléfono

Lo que se mueve

  1. 01

    Explota al pasar

    Cada hamburguesa se aplasta, se separa en capas y lanza dibujos, al pasar o tocar.

  2. 02

    Una hamburguesa que se arma sola

    Una precarga corta donde el pan, la carne y el queso caen en su lugar.

  3. 03

    Pedido para retirar

    Ficha con extras, carrito lateral y checkout en cuatro pasos con horarios de retiro.

  4. 04

    Pensado para el teléfono

    Una barra fija con Pedir, Llamar y Cómo llegar, y botones del tamaño del pulgar.

Más proyectos