AQOMI STUDIO
AQOMI Studios es el sitio web de una agencia creativa de branding de élite, clasificada como la #1 en Canadá y #8 en Norteamérica en Clutch, con más de 3,500 identidades de marca entregadas en 40 países. El proyecto consiste en una Single Page Application de alto rendimiento construida sin frameworks pesados — solo HTML5 semántico, CSS3 vanilla con design tokens y JavaScript ES6 puro. La arquitectura implementa un router SPA custom con lifecycle hooks, sistema de inyección dinámica de HTML parciales, fondos de gradientes mesh con WebGL, lógica de cursor interactivo y scroll reveals basados en IntersectionObserver. El build de producción se optimiza con Vite y compresión Gzip/Brotli.
Desarrollo — Web
La solución fue una arquitectura SPA completamente vanilla que elimina la dependencia de frameworks. El router custom maneja navegación con métodos onPageActivate y registerCleanup para gestionar el ciclo de vida de cada vista. Los HTML parciales se inyectan dinámicamente según la ruta, lo que permite separar concerns sin sacrificar rendimiento. Los fondos con gradientes mesh se renderizan mediante WebGL para crear una atmósfera visual premium. El cursor interactivo con lógica de visibilidad contextual refuerza la experiencia inmersiva. Vite compila el bundle final con compresión Gzip y Brotli, resultando en tiempos de carga inferiores a 1 segundo.
Planificación
Requisitos · Alcance · Timeline
Arquitectura
Stack · DB Schema · APIs
Diseño UI
Figma · Tokens · Responsive
Frontend
Componentes · Rutas · Estado
