El plano del edificio en tinta azul sobre el papel y la promesa en tres líneas. Antes, la intro arma el logo de sillares en una hoja de calco que se levanta.
Cuatro obras de ejemplo como láminas de una planera que corren en horizontal, cada una con su alzado y su cajetín.
Sitio completo para una constructora de edificación en altura, obras civiles y montaje industrial, con su logo, hecho por Stratus para una empresa ficticia. En venta para una empresa real.
La idea
Un mandante elige constructora por una sola razón: que lo que se dibujó sea lo que se entrega, en el plazo y el costo acordados. Alzadura hace de eso el recorrido de la página: del plano a la obra, sin perder el hilo.
Cómo está hecho
La intro arma el logo de sillares en una hoja de calco que se levanta y deja ver el plano del edificio en tinta azul. Al bajar, el plano se vuelve replanteo en el terreno, se excava y el edificio sube piso a piso, con la grúa trepando con él y la malla de la marca envolviendo la obra; la losa 6 se hormigona de borde a borde con la bomba. Después la cámara entra a la cabina de la grúa y cada servicio es una carga que se iza, hasta que cae la noche sobre el edificio terminado. "Cómo trabajamos" es un muro de sillares que se levanta sobre su propio plano, una hilada por compromiso, y las obras de ejemplo corren como láminas de una planera.
Lo que puedes comprobar
Lighthouse en conceptos.stratus.cl (31-10-2026): 100 en rendimiento, accesibilidad, buenas prácticas y SEO en celular, y 98, 100, 100 y 100 en escritorio
La primera carga pesa 225 KB en celular, con imágenes y fuentes incluidas (misma medición)
La obra y el muro corren en dos workers con OffscreenCanvas y no traban la página: a 3440 x 1320, en un equipo con GTX 1070, la obra se mantuvo entre 81 y 93 cuadros por segundo, sin tareas largas en el hilo principal (medición local del 31-10-2026)
Si el equipo no alcanza, como un computador de oficina, la escena baja sola su resolución interna y las muestras del desenfoque y de la oclusión; en la prueba forzada, la obra llegó a 140 cuadros por segundo
La pasada final funciona como una cámara: desenfoque de lente con bokeh, oclusión ambiental, polvo bajo y esmog calculados rayo por rayo, gradación y grano. Las texturas de hormigón, moldaje y acero y la luz de un cielo HDR real son de Poly Haven (licencia CC0)
El papel del plano en 3D sale del mismo color que el de la página: entre el sitio y la escena no hay costura
Las fuentes de respaldo tienen las medidas de las reales y el titular va en tres líneas marcadas: al llegar las fuentes, nada se mueve (desplazamiento acumulado 0)
En celular no corre el 3D: cada capítulo llega como imagen sacada de la misma escena. Si el sistema pide menos movimiento, el plano y las imágenes quedan fijos
Lo técnico
Astro, three.js en dos workers con OffscreenCanvas, GSAP, ScrollTrigger y Lenis, cargados solo en escritorio, Big Shoulders Display y Overpass, con fuentes de respaldo medidas.
La empresa es ficticia. Su sitio y su logo están terminados y se venden a una sola constructora real: cuando se venda, sale del portafolio y de la colección.
Lo que se adapta a tu empresa
El nombre, en la intro de papel de calco, en el cierre de la obra, en la malla, en los contrapesos de la grúa y en el pie.
El logo: la A armada con sillares, en el azul de la obra.
Los capítulos de la obra, los servicios que iza la grúa y los cinco compromisos del muro.
Las obras de la planera, con sus alzados y sus datos.
El formulario, conectado al correo de la empresa.
Es un punto de partida
Todo se puede cambiar: nos dices con tus palabras qué quieres distinto y lo ajustamos. A algunas constructoras les basta una sola página. Otras necesitan fichas de obras, páginas por servicio o una sección para mandantes e inmobiliarias. El valor depende de esa escala, por eso se cotiza en cada caso.
Obra protegida
Este concepto es obra original de Stratus y está protegido por la Ley N.º 17.336 sobre Propiedad Intelectual. Lo mostramos en vivo para que lo evalúes, no para que se copie: reproducir su diseño, su código, sus escenas 3D, su logo o sus textos, total o parcialmente, sin autorización escrita está prohibido.
