Digital Agency
A highly cinematic digital agency landing page featuring custom cursor tracking, liquid image distortion effects, and GSAP scroll animations.
I developed this project independently from end to end. My work included requirement analysis, feature planning, UI/UX design, frontend development, backend development, database design, third-party integrations, testing, deployment and documentation.
The Problem
Creative agencies need websites that aren't just informational, but act as interactive art pieces to attract high-paying clients.
The Solution
A highly cinematic agency landing page featuring custom cursor tracking, scroll-triggered text reveals, liquid image distortion effects, and smooth page transitions.
Key Features
- ✓Liquid distortion WebGL effects
- ✓GSAP scroll-triggered reveals
- ✓Custom magnetic cursor
- ✓Smooth page transitions
- ✓Dark-mode aesthetic
Technology Stack
Visual & Interaction Architecture
GSAP ScrollTriggers
Complex sequential animations mapped directly to user scroll position for a highly cinematic reveal experience.
WebGL Liquid Distortion
Custom shaders written for Three.js to provide fluid, water-like distortion effects when hovering over portfolio images.
Portfolio Concept Notice
This project is a high-fidelity conceptual prototype designed to showcase advanced front-end animation capabilities and modern UI/UX design trends using Next.js and GSAP.
Need a similar solution?
I can build a custom system like Digital Agency tailored to your specific requirements.
Discuss your project →