Project Update: Bringing ÉTHERIE to life with Interactive Motion This project represents a comple...Project Update: Bringing ÉTHERIE to life with Interactive Motion This project represents a comple...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Project Update: Bringing ÉTHERIE to life with Interactive Motion
This project represents a complete design-to-code workflow. After finalizing the editorial layout for ÉTHERIE, I translated the design assets into a high-fidelity, interactive prototype driven entirely by user scroll and hover physics.
Key Technical Features:
An optimized HTML5 canvas scroll engine that seamlessly blends a 360-degree frame sequence.
Dynamic JavaScript mouse-tracking listeners creating a smooth X-ray texture reveal on hover.
Full responsive optimization maintaining a solid 60fps scrolling experience.
Tools Used:
Figma (UI/UX Layout & Visual Identity)
Stitch (Grid Refinement & Typography)
Claude (Interaction Logic & Code Architecture)
Antigravity (Frontend Implementation)
I specialize in creating highly immersive digital products that bridge the gap between design and development. If you are looking to elevate your brand's landing page, let's collaborate! Message me here on Contra to get started.
Writing unique code for animations makes iterating on reactive micro-interactions so much smoother. It completely transforms how a brand narrative feels in the browser.
The way the editorial grid lets Teri’s work lead while the oversized name anchors the page feels beautifully restrained. Nice balance of art direction and a usable Webflow portfolio structure.