ColorLoop
A vibrant, scroll-driven creative agency site designed to reflect bold ideas, playful interactions, and a strong design identity through layered visuals and kinetic typography.
Client:
ColorLoop Studio
Category:
Web Design
Tools:
Figma, After Effects, GSAP
TimeLine:
4 weeks
ColorLoop redefines the typical agency website by blending bold animation, fluid layout transitions, and a confident visual tone. The site is designed to instantly communicate creativity and flair — pulling users into a portfolio experience that feels dynamic and alive.
The goal was to break free from static grid layouts and create an expressive digital identity — one that moves with the user, creates rhythm through the scroll, and celebrates creative energy through motion.
A vibrant, scroll-driven creative agency site designed to reflect bold ideas, playful interactions, and a strong design identity through layered visuals and kinetic typography.
Role & Responsibilities
As the Lead Web Designer, I directed both the creative and technical aspects of the site. I designed the entire flow — from landing animations to case study transitions — and handled implementation handoff with the dev team.
Here’s what I handled:
Concept & Art Direction
Defined the brand tone and visual storytelling flow, from vibrant color schemes to kinetic text blocks.
UI Design & Layout Systems
Created a modular system of animated sections and scroll-triggered elements that reflect the agency’s creative depth.
Motion Prototyping
Used Figma and After Effects to define interaction patterns and animations before dev handoff.
Responsive Design
Crafted layout rules to maintain expressiveness across desktop, tablet, and mobile.
Collaboration
Partnered closely with developers to ensure smooth motion handoff using Lottie, GSAP, and Figma specs.
The Challenge
ColorLoop needed a site that didn’t just show creativity — it had to feel like a creative experience in itself.
Balancing expressive motion with load time
Maintaining brand cohesion across multiple animated sections
Creating an experience that works as well on mobile as it does on full-screen
Guiding users without conventional navigation
Final Outcome
The final site captured the energy and spirit of ColorLoop’s brand — earning recognition in creative showcases and improving engagement metrics across the board.
What I Delivered:
A fully animated website prototype and modular page components
A robust layout and animation system that can grow with future case studies
Performance-optimized assets and scroll-based interaction triggers
A brand-first web experience that earned 2× design award nominations
Jemie K.
Creative Director
The site feels like an extension of our team — bold, expressive, and fun. Clients consistently compliment the experience, and we’ve seen a noticeable lift in portfolio engagement since launch.
