Moscú UTC+3
El índice del conjunto: tarjetas de siete presentaciones — el club Avrora sobre un estadio iluminado, el pitch de NEXORA con rutas brillantes, el anillo NOVA, la torre NORD 81 y la Tierra de ORBITA.

Siete conceptos de presentación que se abren con un enlace: patrocinio, pitch de ronda A, lanzamiento, torre residencial, empresa espacial, festival y clínica. Cada diapositiva lleva una cámara 3D a su plano.

Etiquetas
Concepto Un concepto por iniciativa propia
Año
2026
Disciplinas
Diseño, Webs
Estudio
by VITON13
Idiomas
ruso

Contexto

Presentaciones 3D es un conjunto de siete conceptos que VITON13 creó el 28 de septiembre de 2026 para los encargos más habituales: vender un paquete de patrocinio, levantar una ronda, lanzar un producto, vender viviendas en una torre nueva, presentar una empresa tecnológica, atraer socios a un festival y explicar un servicio médico. Todas las marcas son ficticias.

El reto que nos pusimos: una presentación que se abre con un enlace en cualquier pantalla y se recuerda como una película, pero que sigue funcionando como presentación, con diapositivas, flechas, mando y un PDF para enviar por correo.

  • 7

    presentaciones: deporte, inversión, producto, inmobiliaria, espacio, festival, medicina

    Fuente: Archivos del proyecto, 28 sept 2026

  • 78

    diapositivas, cada una con su estación de cámara en la escena 3D

    Fuente: Archivos del proyecto, 28 sept 2026

  • 60 fps

    todas las mediciones, dos diapositivas por presentación, 1600 × 1000, Retina

    Fuente: Medido el 28 sept 2026, MacBook (Apple M5)

  • 0,25 MB

    JavaScript por presentación con gzip, three.js y GSAP incluidos

    Fuente: Medido el 28 sept 2026, archivos de compilación

Enfoque

Cada presentación es una página web: diapositivas HTML sobre una escena three.js en vivo. Cada diapositiva tiene su propia estación de cámara, así que pasar a la siguiente es un vuelo de cámara: sobre un estadio nocturno, alrededor de una torre de 324 metros, a lo largo de una hélice de ADN, junto a un satélite que despliega sus paneles. Las escenas están hechas por completo en código, sin modelos 3D ni fotos: el estadio tiene unos 43.000 asientos y aficionados, la torre se levanta planta a planta en la diapositiva de obra, el anillo se desmonta en seis piezas rotuladas y la Tierra se genera con shaders.

Las diapositivas cambian con una de siete transiciones 3D elegidas para cada marca: un sprint con estelas de velocidad para el club de fútbol, un cubo para el pitch, un vuelo a través de la diapositiva para el anillo, una página de libro para la residencia, una órbita para la empresa espacial, un giro con glitch para el festival y un ascenso suave para la clínica. Las cifras se cuentan, los gráficos crecen y las etiquetas 3D se fijan a partes de la escena.

Un solo motor mueve las siete: flechas, espacio, rueda del ratón y deslizamiento; la tecla O abre una vista 3D de todas las diapositivas, F pone pantalla completa, A inicia la reproducción automática y cada diapositiva tiene su enlace. En el móvil el texto pasa a un panel desplazable bajo la escena. Un script convierte cada presentación en un PDF 16:9 para enviar.

Resultados

El conjunto tiene 78 diapositivas en ruso en siete presentaciones, una página índice, siete versiones PDF y siete transiciones 3D. El 28 de septiembre de 2026 contamos fotogramas con requestAnimationFrame durante tres segundos en dos diapositivas de cada presentación, en Chrome headless con ANGLE Metal en un MacBook con Apple M5, a 1600 × 1000 en escala Retina: las 14 mediciones dieron 60 fps (60,1–60,2).

Cada presentación carga entre 235 y 252 KB de JavaScript con gzip, three.js y GSAP incluidos. La compilación completa pesa 27 MB, de los que 14 MB son las versiones PDF.

Lo que esto no demuestra

Presentaciones 3D es un concepto que VITON13 creó para mostrar el formato, no un proyecto por encargo. El club de fútbol, la startup, el anillo, la torre, la empresa espacial, el festival y la clínica son ficticios, igual que sus cifras, precios, personas y teléfonos; la última diapositiva de cada presentación lo indica.

No hay fotos ni vídeos dentro: todas las imágenes se dibujan en código. La tasa de fotogramas se midió en una sola máquina en Chrome headless y no dice nada de móviles antiguos ni portátiles de oficina; este caso no tiene revisión de Lighthouse ni de SEO, y las presentaciones solo están en ruso.

¿Planeas algo parecido? Nuestro fundador, Tarasov Vitalii, lee cada mensaje personalmente.

Todos los trabajos

Siguiente proyecto

SB ExcursionsWeb de cliente + SEO Cliente2026 Todos los trabajos (32)