Seis rodillos de acero muestran una diferencia en verde y ruedan hasta cero. Antes, la intro cuenta el nombre letra por letra y la página se abre por la doble raya de un total.
Un formulario en papel de seguridad, con el talón que se corta del cheque y se llena con el nombre de la empresa.
Sitio completo para una consultora contable y financiera, con su logo, hecho por Stratus para una empresa ficticia. En venta para una empresa real.
La idea
Una empresa mediana elige a su contador por una sola razón: que los números cuadren cada mes, sin sorpresas a fin de año. Quentia hace de esa promesa el eje de todo el sitio: diferencia cero, al peso, mes a mes.
Cómo está hecho
La página es un totalizador de acero. En la intro el nombre se cuenta letra por letra en rodillos y la página se abre por la doble raya de un total. En la portada, seis rodillos muestran una diferencia en verde y ruedan hasta cero; al bajar, la cámara entra al acero y sale en el mes, donde un contador con su placa "DÍA" pasa por los 31 días y se detiene en las fechas del SII y de Previred. El mes sale impreso entre dos rodillos, el diagnóstico sube lo encontrado y después lo cuadra con timbres, y los retratos del equipo pasan por grabado de billete al timbrarse.
Lo que puedes comprobar
Lighthouse en conceptos.stratus.cl (30-10-2026): 100 en rendimiento, accesibilidad, buenas prácticas y SEO en escritorio, y 97, 100, 100 y 100 en celular (tres mediciones)
La primera carga pesa 244 KB en celular, con fotos y fuentes incluidas (misma medición)
El 3D corre en un worker con OffscreenCanvas: se arma mientras corre la intro y no traba la página
Las fuentes de respaldo tienen las medidas de las reales: al llegar, el texto no se mueve (desplazamiento acumulado de 0,001)
En celular no corre el 3D: los rodillos llegan como imagen y las escenas fijas se omiten
Si el sistema pide menos movimiento, el sitio se muestra sin escenas ni animaciones
Lo técnico
Astro, three.js en un worker con OffscreenCanvas, GSAP y Lenis para las escenas, Mona Sans en tres anchos fijos, con fuentes de respaldo medidas.
La empresa es ficticia. Su sitio y su logo están terminados y se venden a una sola empresa real: cuando se venda, sale del portafolio y de la colección.
Lo que se adapta a tu empresa
El nombre, en la intro que lo cuenta letra por letra en rodillos, en el logo y en la hoja impresa del cierre de mes.
El logo: la fachada de columnas sobre su doble escalón, que en la intro se construye desde el suelo.
Los servicios, el calendario del mes con sus fechas y los hallazgos del diagnóstico.
El equipo, con sus fotos y su retrato grabado como en un billete.
El formulario y su talón, conectados 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 empresas les basta una sola página. Otras necesitan páginas por servicio, una sección para clientes o un portal. 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.
