Ir al contenido principal

PROPIOProducto propio

Ten Reels in Code: diez piezas de motion dibujadas y sonorizadas con código

Diez piezas verticales para el Instagram del estudio, cada una con una técnica distinta: un globo de partículas, una bandada, una máquina que hace música con colisiones, un medallón 3D, un montaje tipográfico. Cada fotograma está dibujado con código y cada sonido es sintetizado: sin stock, sin imágenes de IA y sin música con licencia.

10 Reels · 152 s · solo código · 2026

Cinco fotogramas verticales juntos: tipografía naranja, un globo de partículas, un medallón dorado, una página editorial con un punto naranja y una bandada de trazos que forma un número

piezas: 10
duración total: 152 s
clips de stock, imágenes de IA o música con licencia: 0
del brief a diez piezas terminadas: 1 día

Vídeos

From $13.14,1 s, con sonido, vertical 720 × 1280. Un montaje tipográfico en tres colores a 128 BPM: la oferta del estudio en catorce segundos. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «From $13.»

The history of AI in 16 seconds.16 s, con sonido, vertical 720 × 1280. Una chispa recorre una línea de tiempo de 1950 a 2026; cada hito se convierte en un símbolo de partículas. Para VITON13 SCHOOL. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «The history of AI in 16 seconds.»

Ten desks. One newsroom.15 s, con sonido, vertical 720 × 1280. Un globo de partículas con las diez redacciones por país de VJOURNAL, arcos entre ellas y las cifras del medio. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Ten desks. One newsroom.»

Seven directions. One rhythm.16 s, con sonido, vertical 720 × 1280. Una máquina en la que cada nota de la melodía es una colisión visible de una bola con una barra: siete barras, siete áreas del estudio. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Seven directions. One rhythm.»

Three programmes. Thirteen skills.14,5 s, con sonido, vertical 720 × 1280. Tres medallones 3D grabados, dibujados en canvas, con polvo dorado, para los tres programas de la escuela. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Three programmes. Thirteen skills.»

VJOURNAL, counted.15 s, con sonido, vertical 720 × 1280. Una bandada de diez mil trazos se vierte en las cifras del medio: 957, 4, 1.069 y 2. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «VJOURNAL, counted.»

It starts with a dot.15 s, con sonido, vertical 720 × 1280. Un punto crece hasta ser siete ventanas de interfaz vivas, la cámara se aleja hasta que el escritorio es un punto y luego entra en un teléfono. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «It starts with a dot.»

Same model. Different result.16 s, con sonido, vertical 720 × 1280. Una nube ruidosa de prompt atraviesa las cuatro puertas del método de la escuela y sale ordenada. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Same model. Different result.»

Full stop.14 s, con sonido, vertical 720 × 1280. Una página editorial compone las reglas de la redacción; una bola naranja cae como el punto final de cada frase. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Full stop.»

Seven stages.16 s, con sonido, vertical 720 × 1280. Una bola negra recorre las siete etapas del estudio sobre papel, con notas de animación manuscritas. Dibujado con código, sin imágenes de IA.

Fotograma de portada del Reel «Seven stages.»

Tarea

Hacer una serie de Reels para el Instagram del estudio que parezca el trabajo de diez motion designers distintos, sobre tres cosas que hacemos: los servicios del estudio, VITON¹³ SCHOOL y VJOURNAL.

La cuenta y el encargo son nuestros; ningún cliente pidió estas piezas.

Qué hicimos

Diez piezas verticales de 14 a 16 segundos, cada una con su propio aspecto, banda sonora, portada y texto, más el motor común sobre el que funcionan.

Cuatro piezas tratan de los servicios del estudio, tres de la escuela y tres del medio; cada cifra en pantalla se leyó de nuestros sitios el 12 de octubre de 2026.

Cómo funciona

Como referencia tomamos prompts públicos reunidos en prompt-motion.com con la etiqueta «particles» y respondimos a cada uno con una idea distinta. Cada pieza es una escena HTML en la que cada fotograma es una función pura del tiempo; un motor común aporta muelles, cámara 3D, partículas, profundidad de campo y tipografía que cae en el compás.

La música y cada golpe, clic y silbido se sintetizan a partir de la lista de eventos de la escena, de modo que imagen y sonido no se desfasan. Las diez escenas se escribieron en paralelo con un mismo brief, se revisaron fotograma por compás y se renderizaron en Chrome sin interfaz con desenfoque de movimiento.

Qué existe hoy

Diez piezas terminadas, 152 segundos en total, hechas en un día y programadas una por día desde el 13 de octubre de 2026.

El motor se queda: una pieza nueva es un archivo de escena, uno de sonido y un comando.

Qué no demuestra

Son nuestros propios Reels, no trabajo para clientes, y acaban de empezar a publicarse: aún no hay cifras de alcance ni de ventas.

El sonido se equilibró con mediciones, no se masterizó de oído. Los prompts de referencia son públicos y pertenecen a sus autores; tomamos las ideas de las técnicas, no imágenes ni código.

Cómo revisar el portafolio de un estudio web

Siete ventanas de interfaz con las áreas del estudio alrededor de una primera ventana Design — «It starts with a dot.»: siete ventanas vivas.

Bolas luminosas que rebotan entre siete barras con los nombres de las áreas — «Seven directions. One rhythm.»: cada nota es una colisión.

Servicios que muestra este caso

Describe la tarea en la página del servicio; el alcance, el plazo y el precio por escrito llegan en un día laborable.

Hablar de un proyecto similar

Más casos

Todos los casos

Un tablero de diseño con diapositivas de los carruseles sobre fondo gris claro: diapositivas blancas con «Delete it.», «5 details that make a website look expensive.», «Can a stranger explain your business in 5 seconds?», «Will AI recommend you?», «3–5 working days» y «What a website really costs in 2026», entre diapositivas oscuras con «3 → 26 Google clicks a day», «Sites we built.», «Your phone is enough.» y «Your website has 0.05 s».

PROPIOProducto propio

Carruseles para el Instagram de nuestro estudio

10 carruseles · 83 diapositivas · Instagram · 2026

Diez carruseles de Instagram para la cuenta de servicios de VITON13 Studio: seis lecciones blancas sobre webs, tres publicaciones oscuras con pruebas y una anterior en verde oscuro. Las 83 diapositivas se maquetan como páginas HTML y se renderizan en Chrome sin interfaz, así que un precio o una palabra se cambian en el código, no en un archivo de diseño. Es trabajo propio, no un encargo de cliente.

Portada tipográfica en negro: «8 found. 8 fixed.» sobre cuatro hallazgos de la auditoría de tarasovvitalii.com, cada uno con su nivel de riesgo y una etiqueta lima «Fixed».

PROPIOProducto propio

Auditoría de seguridad de tarasovvitalii.com

Auditoría de seguridad · sitio propio · 2026

Una revisión de seguridad de caja blanca del portafolio del fundador, tarasovvitalii.com: su chat, su API de mensajes, su servidor y 15 demos conceptuales. Encontramos ocho problemas, uno de ellos una inyección de script de riesgo alto en el origen donde el chat guarda la sesión de acceso, corregimos los ocho y volvimos a probar cada corrección.

Página rusa de VITON13 SCHOOL: el símbolo blanco del globo con V sobre el titular VITON13 SCHOOL y la firma de VITON13 en la cabecera

PROPIOProducto propio

Identidades de marca de VITON¹³

Identidad · 5 signos · 2026

Los signos que VITON13 usa para sus marcas propias, tal como existen en el código del sitio: dos símbolos de globo con V dibujados, tres logotipos compuestos con tipografía y un color de acento, azul cielo #5ac8ff sobre negro. El caso incluye también VITON XIII, una línea de cinco perfumes.