Una película en dos actos que conduce el visitante con el scroll: la brasa, el bife que cae, el sellado — y después del corte, el reposo y el emplatado. Encima del metraje van los datos: la temperatura al centro sube de 12° a 54° según bajas, y baja si subes. Quien mira decide el término.

Vídeo ligado al scroll todo-clave (28 ms por búsqueda) · lectura de temperatura y barra de término · diagrama SVG que se traza solo

Las mejores webs de hotel del país esconden el precio y mandan la reserva a un motor externo en otro idioma. Esta es igual de editorial — casona de 1921, nueve habitaciones, azotea sobre el Pacífico — pero la tarifa se ve, la estadía se arma con extras y el total sale desglosado noche a noche a WhatsApp.

Armador de estadía con promo aplicada a la vista · doce fotos generadas y dirigidas · Ken Burns + parallax

Reordenada entera para que alguien reserve, no para que admire: el reservador de fecha va en el hero, la prueba social sube y se reparte en tres puntos, y los paquetes son un riel horizontal con precio, beneficios y «Reservar ahora» dentro de la tarjeta — el itinerario se despliega ahí mismo, sin abrir nada.

Reservador ruta+mes+personas a WhatsApp · dos rieles con scroll-snap · tabla comparativa enfrentada · cuenta atrás en vivo

Rojo y negro, puro músculo. Hero en vídeo, zonas por objetivo, entrenadores, apparel propio y precios a consultar. Marca, zona y dirección inventadas.

Tipografía Anton · hero con zoom · bento de zonas · marquee · contadores

Un film de quince segundos que el visitante arrastra con el scroll: la masa desnuda recibe la espiral de tomate, cae la mozzarella, entra el fuego y sale la margherita. Encima del metraje van los datos —la piedra sube de 0 a 450 °C mientras bajas, y baja si subes—, con las líneas guía señalando el ingrediente que se nombra. La carta no es una rejilla: seis pizzas orbitando sobre un arco, la del centro girando despacio.

Scrub todo-clave (361/361 keyframes, 21 ms de latencia) · carrusel en arco con caída de escala, opacidad y desenfoque · anotaciones con guía trazada

Un pisco no se puede probar por una pantalla, así que la página hace lo único que queda: enseñar de dónde sale. Dos actos a pantalla completa —del desierto de Ica a la uva, y del cobre al chorro— que no se reproducen solos: los arrastra tu scroll, fotograma a fotograma. Las medidas que importan (42° naturales, una sola destilación, sin agua añadida) van ancladas sobre la imagen y no en una tabla debajo.

Vídeo arrastrado con el scroll, con keyframe en cada fotograma · dos actos de 600vh · Playfair Display + JetBrains Mono

Ficha técnica, no carta: todo numerado, oro latón sobre casi negro y cada dato con su unidad. El hero se monta al bajar —el scroll mueve el vídeo fotograma a fotograma— y la burger se arma en un panel de control.

Vídeo ligado al scroll (todo-clave, 3,1 ms por búsqueda) · constructor interactivo

El vídeo levanta un edificio entero y se congela cuando está entregado; solo entonces aparece el nombre. Más abajo, el visitante vuelve a levantarlo con el scroll, hito a hito y con el dato de obra de cada tramo.

Vídeo de una sola pasada · timelapse conducido por el scroll

En un hotel la fricción no es el precio: es no saberlo. Aquí no hay formulario ni «te contactaremos»: tocas un día, subes o bajas noches y ves el total con tu temporada y tu habitación — la tercera noche descontada incluida — y el WhatsApp sale con las fechas ya escritas.

Buscador de noches que suma tarifa real por día · promoción aplicada a la vista · reserva prearmada

Cocina novoandina. La carta cambia de fotografía según el plato que mires, y la reserva se cierra en dos toques sin pedir tarjeta.

Video a pantalla completa · parallax de scroll

Registro B sin pedir permiso: Anton a gritos, marquee de taller y piezas en blanco y negro que se encienden al pasar el cursor. La idea del tatuaje se arma a chips —zona y tamaño— y sale por WhatsApp con los cupos del mes a la vista.

Galería grayscale→color · marquee · idea a chips · depósito Yape dicho sin vergüenza

Proyecto real en producción, no una demo: renders, recorridos 3D y planos en Cusco. Las capas de un proyecto se hojean como láminas sobre la mesa, y la sección «Quién firma qué» convierte una restricción legal en el argumento más creíble de la página.

HTML y CSS puros, 480 KB · mesas de láminas hojeables · vídeo en el hero

Cliente entregado, no una demo: metalmecánica que fabrica y monta naves industriales. En un rubro donde el precio no existe sin visita técnica, la web no lo inventa — arma el requerimiento en cuatro toques y lo manda escrito a WhatsApp, así que al taller no le entra «hola, información», le entra un pliego técnico.

Cotizador de 4 pasos que redacta el pedido · B-roll con sus propias obras · mapa con Waze y plan B

Una red social entera, no una página: muro, vídeo corto, biblioteca, aulas, mensajes y anaquel, y se recorre sin recargar. Cada publicación tiene TIPO y el tipo cambia la forma de la tarjeta; la reputación no son «me gusta» sino cuántas veces te citaron; y un vídeo se cita por el segundo exacto en que se explica lo que buscas.

Ocho secciones navegables · citas en APA, Vancouver, ISO y BibTeX · paleta de comandos con ⌘K

Una academia virtual no tiene local que fotografiar: su producto es invisible hasta que el padre ya pagó. Por eso la web enseña la clase — un problema de concurso resolviéndose paso a paso en la pizarra, con las palabras exactas del profesor y en el grado que elija el visitante.

Pizarra que resuelve en vivo, en tres niveles · aula reconstruida sin un solo MB de vídeo · el precio dividido a la vista

La web es la app: eliges dónde te recogen y a dónde vas sobre un mapa de Piura —con el río y sus puentes—, y el pedido llega armado al WhatsApp de la empresa, con conductor y precio cerrados antes de subir. Hecha para un negocio real de taxi que atiende las 24 horas.

Módulo de pedido tipo app · ruta que se dibuja y cruza el puente · WhatsApp prerrellenado

Recorrido en vídeo de la casa entera, en una sola toma, antes de que el visitante cruce la ciudad.

Hero en bucle con relevo · revelado línea a línea tras máscara

Una carta de spa son veinte nombres que el cliente no sabe traducir: nadie llega pidiendo «peeling con hialurónico», llega diciendo «tengo la piel apagada». Aquí se elige el motivo con sus palabras y la carta se reordena sola, moviéndose, con el porqué de cada tratamiento al lado del precio.

La carta se reordena por motivo, con movimiento real · precios y duración a la vista · nada se esconde

Aquí la objeción no es el precio: es el miedo. Todo el diseño trabaja la calma, y el antes/después se arrastra con el dedo.

Comparador arrastrable · línea de proceso que se dibuja

Editorial y cálida: el vídeo entra desde la calle y termina en el latte, corre una sola vez y se congela. Aquí no hay barra de oferta ni tabla: vende el ambiente y la sobremesa.

Vídeo de apertura que corre una vez · revelados con máscara línea a línea

Plata andina. El mismo sistema, pero invisible: aquí levantar la voz abarata la marca, así que la urgencia es una línea fina.

Noria de piezas: las joyas viajan por un anillo y solo se ve el arco de arriba

Editorial y calmo: la casa se construye sola en el vídeo de apertura. Debajo, el sistema entero sin levantar la voz, y la comisión se calcula a la vista.

Vídeo de revelado que corre una vez · vidrio esmerilado · calculadora de comisión

«Si no ganamos, usted no paga». La garantía va delante de todo porque es la única objeción que importa.

Tabla comparativa que entra por los lados · contadores

Ficha de producto de venta directa: tres pasos para comprar, packs con ancla, order bump y la tabla que decide contra qué te comparan. Quien llega de un vídeo viene caliente y sin conocerte — todo el bloque de compra trabaja el miedo a la estafa.

Selector de variante y pack · order bump · tabla comparativa

La MISMA estructura que NIMBO, para un cliente opuesto: alguien quemado de promesas que lleva meses probando cosas. Aquí el trabajo es bajar la temperatura, dar el dato con su letra pequeña y gestionar la expectativa — la cronología dice que la primera semana no verás nada.

Mismo esqueleto, otro perfil de cliente · cero promesas de resultado

Portafolio de fotógrafa documental: portada en b-roll de tres tomas, series con parallax y lightbox con créditos. La captación es de agenda: tres fechas libres al mes que se reservan por WhatsApp y una guía de primera sesión que trabaja de imán.

B-roll · lightbox con teclado · reserva con cupos · 14 fotos CC verificadas en lámina

Un corte arquitectónico en SVG se dibuja solo sobre el hero, cada casa lleva ficha técnica con su cota trazándose, y la visita de terreno se agenda con un formulario que arma el WhatsApp con distrito y metraje.

Plano SVG con pathLength · parallax por proyecto · formulario que arma el wa.me

El día de la boda contado hora a hora con relevo de momentos («ese día vas a llorar; y vas a estar perfecta»), voces de novias en una sola cita grande, y la captación que manda en bodas: la fecha. Solo toma una boda por día.

Relevo hora a hora · voces rotativas · consulta de fecha con escasez real

El coche se monta solo mientras bajas: quince segundos de chasis desnudo a máquina terminada, con las cifras contando encima —640 HP, 600 Nm, 3,2 segundos— y las líneas guía señalando la pieza que se nombra. Abajo, cinco máquinas orbitando sobre un arco, y la que elijas gobierna el resto de la página: la vuelta de 360° que giras con el dedo, la ficha y el configurador.

Scrub todo-clave (361/361 keyframes, 16,9 ms de latencia) · visor de 360° mapeado por ángulo real · carrusel en arco y configurador de color

Una tienda de verdad, no un catálogo: el primer filtro es el nombre —cultura viva o fauna— y de ahí bajas por zona, días y dificultad. Treinta y seis rutas por todo el Perú, de la collpa de guacamayos de Tambopata a Kuélap y las Líneas de Nazca. La foto de la tarjeta CRECE hasta ser la portada de la ficha. Eliges fecha en un calendario que solo abre los días con salida, sumas personas y el total se recalcula; al reservar, la foto vuela a la bolsa. Pagas con Yape el 30 %, entras a tu cuenta y ahí están tus reservas, tus cotizaciones y lo que guardaste. Y si nada te calza, armas tu propia ruta en cuatro pasos.

Transición de elemento compartido (`layoutId`) de la tarjeta a la ficha · carrito que no depende de una animación de salida · calendario determinista · cotizador de cuatro pasos