High-end agency portfolio with custom 3D botanical artwork, Lenis smooth scrolling, and interactive sound design for an Official Webflow Partner.

Role: Lead Webflow Developer (Implementation & Custom Interactions)

Collaborator: Ebda Agency x Kopytok.xyz

Tools / Skills: Webflow, Client-First, Lenis Scroll, JavaScript, Interaction Design, Figma-to-Webflow

Ebda is a global branding and digital design studio recognized as an Official Webflow Partner. To represent their brand vision, they designed the "Webflow Garden" — an artful, motion-rich concept blending tactile 3D elements, ambient audio, and fluid typography.

My responsibility was the end-to-end technical implementation in Webflow: translating intricate Figma layouts into pixel-perfect pages, integrating buttery-smooth scrolling, and ensuring seamless responsive behavior across all viewports.

To match the organic, floating feel of the 3D botanical artwork:

Custom Scroll Rig: Implemented and fine-tuned @studio-freight/lenissmooth scroll across the entire DOM tree, eliminating browser scroll jitter while preserving native trackpad and mouse wheel physics.

Interactive Gate Transition: Built the initial entry barrier ("Welcome to the Webflow Garden") with sound toggle activation and a smooth animated camera slide into the main hero layout upon clicking "Enter".

Layered 3D Assets: Blended transparent alpha WebM/MP4 renders and high-resolution WebP 3D flora behind typography and UI controls without triggering repaint bottlenecks or layout shifts.

Complex Grid Alignments: Assembled non-standard offset layouts, floating badge components, and responsive cards strictly adhering to modern CSS Grid and Flexbox standards.

Client-First Structure: Utilized Finsweet’s Client-First class naming principles to keep the Webflow project maintainable for Ebda’s in-house team.

Social Proof Bento: Structured a modular testimonial section featuring reviews from high-growth tech brands (Pacific, Graphite, Shift, Boku) with responsive card stacking on mobile.

Awwwards-Caliber Visual Polish: 100% fidelity to Ebda’s artistic direction, micro-interactions, and visual identity.

Effortless Scalability: Structured so Ebda can easily publish new case studies and marketing updates without writing code.