An editorial, Awwwards-inspired digital product experience built for a high-performance footwear ...An editorial, Awwwards-inspired digital product experience built for a high-performance footwear ...
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
Back to feedPost
SULEMAN's avatar
SULEMAN SALLAH
• Aug 17
An editorial, Awwwards-inspired digital product experience built for a high-performance footwear brand. Designed around high-contrast minimalist typography, deliberate negative space, and an interactive full-bleed canvas stage.
Engineering & Motion Highlights
Full-Canvas Motion Stage: Interactive swatch switching triggering vertical visual transitions with custom GSAP weighted bounce physics.
Locked 60FPS Performance: Lenis smooth scrolling bound directly to GSAP’s animation ticker to eliminate scroll desync and frame drops.
Editorial Contrast System: Seamless transition from a warm cream canvas (#EAE8E3) to deep obsidian charcoal dark-mode feature sections.
Stack & Tools: HTML5, Modern CSS (clamp() fluid grids), JavaScript, GSAP 3 (ScrollTrigger), Lenis Smooth Scroll
Frontend DevelopmentMotion DesignUI DesignHTML5JavaScriptwebdevepmentuixuxfrontendGSAP
Back to feed
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