ArchivoAgregar
← Índice27 de 50
persona

Tomoya Okada

Ingeniero frontend que se fue volviendo diseñador. Empezó en 2020, cuatro años de autónomo, y hoy trabaja dentro de una productora; por el camino montó un sitio que no es un portfolio al uso sino un índice: INDEX OF STUDIES (149). Una tabla desnuda —ID, TÍTULO, CAMPO— agrupada por año, en Helvetica y gris claro, donde cada fila lleva a una demo desplegada por su cuenta: S-001 Eight Animation, S-002 Five Into One, S-004 Oil Paint Style Trail, catorce cosas hechas con MediaPipe y la cámara del portátil, fluidos, retículas, tipografía partida. Él lo explica así: «una colección de ideas y trabajos experimentales acumulados a lo largo de los años», que reflejan el pensamiento y el estilo esenciales de su práctica. Lo que enseña la tabla no es cada demo suelta sino el hábito: numerar, publicar, seguir. El encargo grande llegó en marzo de 2026 con el sitio de 4WIDE —distorsión, desenfoque y movimiento sostenidos sin perder legibilidad ni rendimiento, con GSAP, Three.js y Astro—, que le valió una mención en Awwwards y un artículo propio en Codrops. Su estudio ofrece «del diseño a la implementación, y también participación parcial»: la frase de alguien que sabe hacer las dos mitades del trabajo.

Año
activo desde 2020
Dónde
Japón · estudio 4WIDE
Escuela
Creative coding japonés — WebGL, GSAP, Three.js
Piezas
6
El nombre
El nombre
Index of studies 149
Index of studies 149
Grid box image
Grid box image
Tech 14 select item
Tech 14 select item
Fixed bg cards
Fixed bg cards
4wide el encargo
4wide el encargo

Hilo

Viene de

  • La escuela WebGL japonesael circuito de Codrops y WebGL 総本山: shaders y scroll como oficio, no como efecto
  • GSAP y Three.jslas herramientas de la casa; el estilo está en cómo se temporizan, no en cuáles son
  • El portfolio como índicetabla antes que galería: ID, título, campo; lo mismo que hace una editorial con su catálogo
  • MediaPipela cámara como mando: manos, cara, cuerpo; catorce estudios seguidos sobre lo mismo

Al lado

  • 4WIDEel estudio donde trabaja y el sitio que diseñó y programó entero, lanzado en marzo de 2026
  • Awwwards y Codropsmención honorífica y artículo propio explicando cómo se hizo; publicar el método es parte del trabajo
  • Curated · Portfoliosla otra ficha del Archivo sobre este circuito: dónde se mira quién hace qué

Lleva a

  • Numerar el trabajoS-001, S-002, S-003: la serie obliga a terminar cosas pequeñas en vez de empezar una grande
  • Una URL por experimentocada estudio es su propio despliegue; el índice enlaza, no incrusta
  • Five Into Oneel estudio 002, en su propia ficha: cinco imágenes y el tiempo entre ellas
  • Tabla en vez de galería149 trabajos no caben en una cuadrícula de miniaturas; caben en una lista
← AnteriorNeuromancerSiguiente →Oliver Hamrin