01 / 07
Hamburguesas con personalidad
Cada hamburguesa tiene su mancha de color. Al pasar o tocar, se aplasta, se separa en capas y lanza dibujos hechos a mano.
Bigger Burgers
- Año
- 2026
- Lugar
- Concept
- Plataforma
- Astro · GSAP · Vercel
- Servicios
- Diseño web, eCommerce
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 podemos hacer por una marca de este mercado. La marca y las personas son ficticias.
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.
02 / 07
Cada capa, a propósito
Una sección fija: con el scroll, la hamburguesa se separa capa por capa y un contador nombra cada ingrediente.
03 / 07
La venta del combo
Hamburguesa, papas y bebida en una ecuación simple, con el precio extra a la vista y un botón que arma el combo.
04 / 07
Una historia con actitud
Una historia corta y atrevida con la voz de la marca, junto a una foto del local en un marco de papel.
05 / 07
Menú y pedidos
Pestañas fijas para hamburguesas, acompañantes, bebidas y combos, con una línea en vivo de “abierto ahora” y retiro en unos 20 minutos.
06 / 07
Arma tu hamburguesa
Toca una hamburguesa para hacerla combo, agrega tocino o huevo, quita la cebolla y mira cómo cambia el precio.
07 / 07
Checkout para retirar
Bolsa, 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.
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.
Lo que se mueve
- 01
Explota al pasar
Cada hamburguesa se aplasta, se separa en capas y lanza dibujos, al pasar o tocar.
- 02
Una hamburguesa que se arma sola
Una precarga corta donde el pan, la carne y el queso caen en su lugar.
- 03
Pedido para retirar
Ficha con extras, carrito lateral y checkout en cuatro pasos con horarios de retiro.
- 04
Pensado para el teléfono
Una barra fija con Pedir, Llamar y Cómo llegar, y botones del tamaño del pulgar.
