AQOMI STUDIO
AQOMI Studios is the website of an elite creative branding agency, ranked #1 in Canada and #8 in North America on Clutch, with over 3,500 brand identities delivered across 40 countries. The project is a high-performance Single Page Application built without heavy frameworks — only semantic HTML5, vanilla CSS3 with design tokens, and pure ES6 JavaScript. The architecture implements a custom SPA router with lifecycle hooks, a dynamic HTML partial injection system, WebGL mesh gradient backgrounds, interactive cursor logic, and scroll reveals powered by IntersectionObserver. The production build is optimized with Vite and Gzip/Brotli compression.
Development — Web
The solution was a fully vanilla SPA architecture that eliminates framework dependencies. The custom router handles navigation with onPageActivate and registerCleanup methods to manage each view's lifecycle. HTML partials are dynamically injected based on the route, enabling separation of concerns without sacrificing performance. Mesh gradient backgrounds are rendered via WebGL to create a premium visual atmosphere. The interactive cursor with contextual visibility logic reinforces the immersive experience. Vite compiles the final bundle with Gzip and Brotli compression, resulting in load times under 1 second.
Planning
Requirements · Scope · Timeline
Architecture
Stack · DB Schema · APIs
UI Design
Figma · Tokens · Responsive
Frontend
Components · Routes · State
