Una animación bien pensada cuenta en segundos lo que un párrafo no logra: cómo se hace un producto, cómo avanza un proceso, cuánta luz deja pasar una tela.
Caso 01 · Gastronomía
Impasto.
Una pizzería artesanal de prepizzas napolitanas que solo tenía Instagram. Le hicimos una web que cuenta el producto con el scroll y lleva el pedido a WhatsApp.
Antes y ahora
Qué cambió.
Antes
Solo Instagram. La prepizza napolitana, que se termina en casa, no tenía un lugar propio donde explicarse.
Ahora
Una web propia donde el scroll arma la pizza paso a paso, muestra las variedades, explica cómo terminarla en casa, marca hasta dónde llega el envío y cierra con el pedido por WhatsApp.
El desafío
La prepizza napolitana es un producto nuevo para mucha gente: no es una pizza lista ni una masa cruda.
Había que explicar en segundos qué es, cómo se hace y cómo se termina en casa, y lograr que diera hambre antes de llegar al precio. Todo con una marca que hasta ese momento solo existía en un perfil de Instagram.
La experiencia
Diseñamos experiencias, no solo páginas.
Una web no es un folleto: es algo que se usa. Cada animación de Impasto está ahí por una razón, y acá te mostramos cuál.
El scroll, el mouse o el dedo hacen que la página responda. Cuando algo te responde, te quedás, explorás y entendés más.
Nada se mueve de adorno: guía la lectura, muestra el producto o saca una duda antes de que llegue por WhatsApp. Y si alguien prefiere menos movimiento, la web lo respeta.
01
Una entrada que ordena la lectura
- Qué pasa
- Al abrir la web, el título, la bajada y los botones aparecen en orden sobre la foto de la pizza.
- Por qué sirve
- Ordena la primera lectura: primero qué es, después qué hacer. La web se siente cuidada desde el primer segundo, que es cuando se decide si alguien se queda.
02
La pizza, capa por capa
- Qué pasa
- El video del proceso avanza con el scroll: la masa, el estirado a mano, el tomate y el horno a la piedra, cada paso con su texto.
- Por qué sirve
- Explica un producto nuevo al ritmo de quien mira, sin apretar play. Cuando llega a las variedades, ya entendió qué compra y por qué es distinto.
03
¿Me llega?
- Qué pasa
- Un mapa de Merlo con la zona de entrega marcada y el punto de la Universidad de Morón.
- Por qué sirve
- Responde la pregunta más común antes de que la escriban. Menos idas y vueltas por WhatsApp y pedidos más rápidos.
Qué hicimos
Cada sección, con un trabajo.
Variedades
Dos bases, un mismo horno: tomate y fugazzeta, cada una con su tarjeta, su descripción y su botón de pedido.
Terminala en casa
Tres pasos para terminar la pizza en el horno de casa, con íconos simples para que se entienda de un vistazo.
Las dudas, antes de escribir
Las preguntas de siempre (qué es una prepizza, cuánto dura, cómo se pide) respondidas en la misma página.
De Nápoles a Merlo
La historia del producto y la zona de entrega en una misma sección, con el mapa interactivo.
Pensada primero para el celular
La mayoría de las visitas llegan desde el teléfono, por eso cada sección se diseñó también para la pantalla chica: botones al alcance del pulgar, textos que se leen sin hacer zoom y las animaciones adaptadas al tacto.
Identidad
Colores y letras propias.
Nada sale de una plantilla: la paleta y las tipografías se eligieron para el producto.
Carbone#14100D
Forno#211915
Crema#F4EADB
Pomodoro#B8321F
Crosta#D8A24A
Basilico#4E7A3A
IMPASTO
Josefin Sans · Logotipo. Inspirado en el logo de su Instagram.La pizza napolitana
Seramonde · Títulos. Una serif con aire de cartel de trattoria.Prepizzas hechas a mano y cocidas a la piedra.
Inter Tight · Textos.La capa invisible
Lo que lee la IA.
Debajo del diseño, la web está armada para que Google, ChatGPT y Gemini entiendan qué es Impasto, dónde está y qué ofrece.
FoodEstablishmentLos datos del negocio (qué vende, dónde entrega y cómo se pide) marcados para que buscadores e IAs los lean sin adivinar.
ProductCada variedad como producto, con su nombre y su descripción.
HowToLos tres pasos para terminarla en casa, como instrucciones que una IA puede citar.
FAQPageLas preguntas frecuentes marcadas igual que como se ven en la página.
llms.txtUn resumen del sitio pensado para que los asistentes de IA entiendan el negocio de un vistazo.
Lo que cambió
De un perfil de Instagram a una web propia que explica el producto, muestra las variedades, dice hasta dónde llega y lleva el pedido a WhatsApp.
Un solo link para compartir en historias, en la bio y por mensaje, que además Google y la IA pueden leer.