Apex Agency
A marketing site as bold as the brand it represents
Vision
Apex Creative is a top-tier branding agency. They needed a portfolio site that wouldn't just showcase their work — it would itself be a statement piece. An artefact that would win awards, generate press, and attract the calibre of clients they wanted to work with.
Budget and timeline were generous. Creative freedom was total.
Technical Approach
We chose WebGL via Three.js for the hero experience, with GSAP handling all timeline-based scroll animations. The site was built on React (not Next.js for this one — pure SPA for maximum creative control over the WebGL canvas lifecycle).
// WebGL particle system for hero
class ParticleField {
constructor(count = 2000) {
this.geometry = new THREE.BufferGeometry();
this.positions = new Float32Array(count * 3);
this.velocities = new Float32Array(count * 3);
for (let i = 0; i < count; i++) {
this.positions[i * 3] = (Math.random() - 0.5) * 10;
this.positions[i * 3 + 1] = (Math.random() - 0.5) * 10;
this.positions[i * 3 + 2] = (Math.random() - 0.5) * 10;
}
this.geometry.setAttribute(
"position",
new THREE.BufferAttribute(this.positions, 3)
);
}
update(cursor) {
// Particles attracted to cursor position
for (let i = 0; i < this.positions.length / 3; i++) {
const dx = cursor.x - this.positions[i * 3];
const dy = cursor.y - this.positions[i * 3 + 1];
this.velocities[i * 3] += dx * 0.001;
this.velocities[i * 3 + 1] += dy * 0.001;
this.positions[i * 3] += this.velocities[i * 3];
this.positions[i * 3 + 1] += this.velocities[i * 3 + 1];
}
this.geometry.attributes.position.needsUpdate = true;
}
}Typography as Art Direction
For a creative agency, typography had to do heavy lifting. We used a custom variable font configured with GSAP to morph between weights on scroll — a technique that created a sense of typographic breathing.
gsap.to(".hero-title", {
fontVariationSettings: '"wght" 800',
scrollTrigger: {
trigger: ".hero",
start: "top top",
end: "bottom top",
scrub: true,
}
});Awards & Recognition
- Awwwards — Site of the Day
- CSS Design Awards — Website of the Day + Special Kudos
- The FWA — FWA of the Day
- Webby Awards — Nominee, Best Visual Design
The Impact
Apex reported a 400% increase in inbound project enquiries within 3 months of launch. More importantly, the quality of enquiries shifted dramatically — larger brands, higher budgets, better creative alignment.
“This wasn't just a website build — it was a collaboration between two creative studios at the top of their respective games. The result speaks for itself.”
