ArchivoAgregar
← Índice16 de 50
web

Five Into One

Una apertura de sitio web que dura unos segundos y no lleva a ninguna parte: cinco fotografías entran en curva, se ordenan y se quedan quietas. El autor lo describe sin adornos — «máximo impacto visual con los mínimos elementos, equilibrando belleza, ritmo y tiempo»— y añade la línea que lo hace interesante: es una colaboración entre movimiento generado por IA y sensibilidad humana, afinada a mano. O sea que lo que se mira no es el shader ni las fotos, que son buenas pero corrientes —retratos en clave baja, verdes y cremas, luz dura de ventana—, sino la curva de entrada y las milésimas entre una imagen y la siguiente; el material de la pieza es el tiempo. Debajo hay un detalle que dice más que la animación: el título está partido letra a letra en spans para poder animarlo, todos marcados aria-hidden, y encima un aria-label con la frase entera, de modo que un lector de pantalla oye «Five Into One with Claude» y no un deletreo. El alarde tipográfico lleva puesta su propia traducción.

Año
2026 · estudio S-002
Dónde
tech100-five-into-one.vercel.app · Astro y WebGL
Autor
Tomoya Okada
Piezas
5
Mano sobre la cabeza
Mano sobre la cabeza
Hiedra y uvas
Hiedra y uvas
Luz en la cara
Luz en la cara
La ventana
La ventana
Persiana
Persiana

Hilo

Viene de

  • La apertura como géneroel opening japonés de portfolio: tres segundos para decir cómo se mueve la casa
  • GSAP y el texto partidodescomponer una frase en caracteres para poder moverla; Okada tiene un estudio dedicado solo a eso
  • Tomoya Okadael número 002 de una serie de 149 estudios numerados; aquí el ejercicio es el ritmo
  • La fotografía en clave bajaluz de ventana, verdes profundos, piel; imágenes que aguantan quietas después del movimiento

Al lado

  • El movimiento generado por IAla máquina propone la curva, la persona ajusta el tiempo; el crédito está escrito en la página
  • La serie tech100cada demo vive en su propio despliegue, con su propia URL; el archivo es la serie
  • Awwwards y Codropsel circuito donde estas aperturas se miran, se premian y se copian

Lleva a

  • Cinco elementos bastanel límite es el ejercicio: con veinte imágenes no hay que decidir nada
  • El tiempo como materialmisma imagen, otro easing, otra pieza; lo que se diseña son los intervalos
  • El aria-label debajo del alardepartir el texto para animarlo y devolverlo entero a quien no lo ve
  • Boogie Nightsel otro objeto del Archivo sobre aperturas: primero se mueve la cámara, después empieza la historia
← AnteriorSarahSiguiente →From Type to Logo