GO BACK
The Project
The ErbDesignCo website was built to be a bold, funky-fresh space where the brand’s work is communicated through every aspect of the website. I designed a dynamic website that embodies the creator’s innovation in the industry, using a randomized layout and custom scroll to craft a punchy, modern immersive experience. Every detail is designed to showcase ErbDesignCo’s intentional branding and highlight the agency’s meaningful stories and reflect the creativity behind every project.
Services Provided
NextJs Frontend Development
Framer Motion Animations
Figma Design
Asset Optimization
ThreeJS
:format(webp))
:blur(40):format(webp))
A Dynamic Website Featuring A Randomized Layout And Scroll To Uniquely Display Innovation In Graphic Design.
CLIENT
Erb Design Collective
DATE
January 2025
HOW ITS MADE
NextJS
Motion Dev
ThreeJS
:format(webp))
:blur(40):format(webp))
A Dynamic Website Featuring A Randomized Layout And Scroll To Uniquely Display Innovation In Graphic Design.
CLIENT
Erb Design Collective
DATE
January 2025
HOW ITS MADE
NextJS
Motion Dev
ThreeJS
:format(webp))
:blur(40):format(webp))
The Project
Guided by ErbDesignCo’s bold and unconventional style, I designed an experience that thrives on movement and spontaneity. A dynamic, randomized layout keeps the site feeling fresh, while a custom Three.js scroll and interactive elements—like a cursor-following SVG eyeball and magnetic hovers—enhance the user experience. Pixelated image load-ins aid in the transition from a randomized grid to fullscreen case studies adding depth and intentionality. The result is a site that doesn’t just display work but emphasizes brand storytelling through bold, interactive design.
:format(webp))
:blur(40):format(webp))
A Dynamic Website Featuring A Randomized Layout And Scroll To Uniquely Display Innovation In Graphic Design.
CLIENT
Erb Design Collective
DATE
January 2025
HOW ITS MADE
NextJS
Motion Dev
ThreeJS