Web · Creative Agency · 2026 · Design & Build
Interactive particle-driven experience for a creative growth agency.
An interactive experience for a creative growth agency — sixteen thousand points of light finding order out of chaos.
An agency that sells growth needed a site that proves it can craft experiences, not just talk about them.
Agency websites share a credibility problem: claims are cheap. An agency that sells growth saying 'we craft experiences' proves nothing. The design answer was to make the site perform the pitch instead of stating it — 16,000 points of light pulling themselves into order, on load, in front of the visitor.
That is why the particle hero assembles the brand mark rather than just decorating the page. The animation is the agency's core promise — order out of chaos, growth from seed to canopy — rendered literally. It is also why this had to be a custom-coded build: a 16,000-point interactive particle system is not something you assemble from a template or page builder.
The hero is not a looping video pretending to be interactive. The 16,000 points respond to cursor movement and re-form after every disturbance, which means the field is built as a live system with states — assembly, disturbance, regroup — rather than a canned animation. Each pass through it can play out differently, because the visitor's movement is an input.
A particle count in the thousands forces discipline: each visual decision has a rendering cost, which pushes a build like this toward responsiveness over piling on effects. That trade-off — fewer effects, executed with care — is often the difference between an experience site that impresses and one that makes the visitor's machine wheeze.
Scroll position is an input almost every visitor gives you continuously, so the build turns it into the story's engine. As you move down the page the story grows from seed to canopy, an animated branching tree carrying the metaphor visually rather than in copy.
The growth meter closes the loop: pinned to scroll progress, it gives the visitor a visible stake in reaching the end of the story. And the sound design is deliberately opt-in — sound is one of the most powerful and most intrusive tools on the web, so the site offers the full sensory version through a toggle instead of imposing it. Respect first, spectacle second.
Not every business should build this. An interactive, particle-driven experience makes sense when the website is a product sample — and for a creative agency, it is exactly that. A static deck can describe craft; a site like this demonstrates it in motion, which is why the results frame the site itself as the agency's strongest case study.
The takeaway for a client weighing a similar project: if your business sells creativity, capability or experience, interactivity is proof, not garnish. If it sells discretion and trust, restraint is the better instrument. The engineering discipline underneath — custom code, deliberate performance trade-offs, every element earning its place — is the same either way.
All projects — Emad Yahya, web developer in Dubai · Live project · Next project: PSQ HR Platform · emaadyahya4@gmail.com