Levino prototype — the tailor measuring a navy blazer, with the price caption over the scene
Prototipo — sastrería y tintorería, Malmö

Levino

El viaje de una americana por el taller de Dockan —medida, arreglo, bordado, tintorería— contado como una sola película en scroll que termina en una herramienta de precios. Construido por iniciativa propia para mostrar lo que una historia hace por una tienda.

SectorSastrería · Tintorería · Bordado
UbicaciónDockan, Malmö
ServiciosPrototipo · 3D · Historia en scroll · Precios
01 — El punto de partida

Un oficio que una lista de precios no puede mostrar.

Levino es una sastrería, tintorería y taller de bordado en Dockan, Malmö. Todo lo que hacen es físico: una cinta métrica sobre un hombro, una puntada tras otra, una prensa que echa vapor. La web típica de una tienda así es una lista —servicios, precios, horarios— y la lista no dice nada de las manos que hay detrás.

Construimos un prototipo por iniciativa propia, como respuesta a una pregunta: ¿cómo sería la web de una sastrería si se construyera como los mejores sitios del mundo y, aun así, terminara donde el cliente quiere estar: en el precio?

The 3D blazer on its plaster bust rising through the opening headline
La apertura: la americana sobre su busto de yeso asciende a través del titular, como una estatua pasando junto a su leyenda.
02 — La idea

Una americana, una tienda, un solo movimiento.

Toda la página es un escenario fijo mientras haces scroll. Una sola prenda —una americana azul marino— recorre la tienda: del busto a la mesa del sastre, a lo largo de la cinta métrica hasta la lana, hasta el sastre, bajo la máquina de coser, dentro del bastidor de bordado y, al final, a través del vapor de la prensa. Cada transición es un movimiento de cámara, no un cambio de página.

  • Una cinta métrica que nunca desaparece. La misma cinta está sobre la mesa, se adentra en la lana y aterriza en la mano del sastre. Dibujada en vectores, coloreada según la película que encuentra.
  • La película se queda quieta hasta que te mueves. Cada clip es una secuencia de fotogramas que controla la rueda: el sastre mide a tu ritmo, la máquina cose cuando tú quieres.
  • Primeros planos con píxeles reales. Los zooms al tejido usan recortes del mismo fotograma ampliados con IA, así que una macro es nítida en lugar de un fotograma de vídeo estirado.
  • La máquina cose Levino. La máquina de bordar cose el nombre de la tienda en la lana: no un logo que aparece, sino un nombre que se borda.
  • El vapor es la salida. La prensa de la tintorería llena la pantalla de vapor y, cuando se disipa, ahí está la herramienta de precios.
1 escena
Seis servicios en una sola pantalla fija, sin cambios de página
12 pantallas
Del primer scroll a los precios: reducido a la mitad durante el desarrollo
94k
Triángulos en la americana 3D, 1,2 MB, desde un modelo bruto de 60 MB
4.4 MB
Toda la historia, vídeo incluido, cargada escena a escena
03 — La construcción

Tres momentos que sostienen la historia.

Desliza el panel: la imagen de la izquierda cambia con cada paso.

The tape measure unrolling along the sleeve on the tailor's table The macro of the tape on the lapel, the tailor's hand entering The embroidery machine stitching the word Levino
La mesa

La cinta se desenrolla.

La americana descansa en la mesa del sastre. Un hilo verde sale de la máquina, la cinta se desenrolla a lo largo de la manga y el precio aparece junto al puño. Luego la cámara avanza por la cinta, hacia la lana.

La lana

Del azul marino a la mano.

En lo más profundo de la macro, la cinta se endereza y, cuando la cámara retrocede, ya está en la mano del sastre. La película emerge debajo, nítida, y las dos retroceden juntas hasta el taller entero.

El nombre

La máquina cose Levino.

La máquina de coser se aleja y detrás está la de bordar. La aguja se mueve y, letra a letra, el nombre de la tienda se cose en la lana. El bordado explicado en tres segundos, sin una palabra.

04 — Lo que demuestra

La historia lleva al precio.

Esto es un prototipo, no un lanzamiento: Levino es una tienda que admiramos y el sitio es nuestra propuesta para ellos. Pero muestra el principio con el que construimos: el movimiento no es decoración. Cada scroll mueve algo, cada escena termina en una acción y toda la historia aterriza en una herramienta de precios donde el cliente elige prenda y arreglo y ve el precio escrito en la etiqueta. Los precios son los de Levino.

Abrir el prototipo ↗

Siguiente proyecto Fresh 'n Nova↗