CIMLAS Bespoke Solutions
Agency Website · 2026
The agency needed a web presence that demonstrated genuine engineering capability — not a Wix site, not a WordPress theme, not a Webflow template. The site itself needed to be the proof of concept. Every visitor should leave knowing they are dealing with a real engineer.
Engineered entirely from scratch with a focus on performance, visual precision, and technical depth. Custom canvas animations, Three.js globe, parallax star systems, complex scroll-driven interactions, and a component architecture designed for long-term maintainability. Every detail deliberate — nothing templated.
Built for CIMLAS Bespoke Solutions LLC — my own agency. The site serves as both the primary client-facing marketing presence and a live demonstration of the engineering standard I hold every project to. If a client asks what I can build, I point them here.
Animating DOM elements alongside fixed canvas layers caused layout reflow on every frame. Solved by isolating all animations to CSS transforms and opacity only — properties that never trigger layout — and using willChange to promote elements to their own compositor layers.
Multiple components needed to read scroll position simultaneously without competing event listeners degrading performance. Built a single passive scroll listener pattern with refs to avoid re-renders, keeping all scroll-driven motion on the animation frame.
Position-fixed canvas elements rendered above the footer, making it invisible. Resolved by giving the footer explicit zIndex: 100 with a solid background, creating a proper stacking context boundary.
Next.js App Router with a route-group isolation pattern — (site) group for the public-facing pages, keeping routing clean and scalable. Tailwind CSS v4 for utility styling. Three.js and Canvas API for all visual effects rendered outside the React tree to avoid reconciliation overhead. Vercel for hosting with automatic preview deployments on every PR.
Next Mission
WANT SOMETHING LIKE THIS?
Every project starts with a conversation. No pitch, no pressure.