El sitio del estudio: dos idiomas y ocho escenas WebGL ceñidas a un solo presupuesto de rendimiento.
Kavaliero es el estudio que fundé en 2026. Vende tres cosas, siempre en el mismo orden: sitios web, plataformas SaaS y automatización con IA. Primero a empresas de Venezuela, luego a las de Latinoamérica y después a las del resto del mundo.
Diseñé y construí el sitio en español e inglés. Es el primer caso de estudio de Kavaliero, así que cada efecto que hay en él estamos dispuestos a construirlo para un cliente.
- 32URL localizadas
- 8escenas WebGL, cada una en su propio paquete
- 2idiomas, cada uno con redacción propia
- 160 msde bloqueo al entrar, frente a los 1,7 s de antes
Movimiento
Una rueda, cuatro pantallas
La portada y las tres pantallas de servicios van montadas en una rueda vista de canto, movida por una única función de posición, así que la apertura avanza con el scroll como un solo objeto y no como cuatro secciones.
Una cortina de píxeles entre páginas
Los enlaces internos se interceptan. La página se cubre en 0,42 s, se descubre en 0,54 s, y las animaciones de entrada esperan a que la cortina se haya retirado.
Un preloader que precarga
El logotipo se muestrea en celdas sobre un canvas mientras los modelos 3D se precargan detrás, con una salvaguarda hecha solo con CSS por si el script se cuelga.
WebGL
Hielo procedural
Los cristales de la página de proyectos no usan ningún archivo de modelo. La geometría, las texturas y un material de transmisión se generan por código y se construyen a lo largo de varios fotogramas.
Un presupuesto para ocho escenas
Cada escena va en su propio paquete, se pausa cuando sale de pantalla o la pestaña queda oculta, tiene un techo de densidad de píxeles y una versión alternativa para quien pide menos movimiento.
Un bloqueo medido y corregido
Compilar los shaders en paralelo redujo el bloqueo del hilo principal al entrar en el sitio: de 1,7 s a unos 160 ms en la máquina de referencia.
Bajo la superficie
Cada idioma, sus propias rutas
El español va sin prefijo y el inglés vive en /en. Cada idioma tiene sus propios slugs, escritos en ese idioma y emparejados para hreflang.
Contenido como datos tipados
Los artículos son módulos de TypeScript. Un bloque de respuesta alimenta los datos estructurados de preguntas frecuentes, y un bloque de cifras no es válido sin un enlace a su fuente.
Cerrado por defecto
Política de seguridad de contenido estricta, HSTS con preload y un formulario de contacto que se valida en el servidor, atrapa bots con un honeypot y, si falta la clave de correo, queda cerrado.
