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
LUMEN is a minimal e-commerce concept I built around one idea: the product should feel alive while you scroll.
The hero bottle tilts and turns in 3D as the page moves, and the product cards rise into place one by one instead of just sitting there. I kept the layout calm on purpose, with lots of space, a warm palette and a serif and sans pairing, so the motion stands out without getting noisy.
Everything is plain HTML, CSS and JavaScript with no heavy 3D library, so it stays fast on mobile too.
If you have a product brand and want a store that feels a bit more premium than a standard template, I'd be happy to talk.
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
Related posts
An interaction study for Mare’s collection feed, exploring how to make groups legible within a dense, mixed-format archive.
The layout preserves image proportions and integrates collection labels into the packing system. On hover, image-derived gradients establish the collection boundary, while subtle displacement creates space around the active group without changing its position or scale.
The motion studies isolate assembly, packing, colour and proximity, using real collection content to examine timing, spatial continuity and hover behaviour.
Final hero section for TealSites, a web design & development agency.
Designed in Figma.
The thinking behind the design was simple:
Clear messaging that communicates the agency's value right away.
A project showcase directly below the headline, letting the work speak for itself.
Subtle grid lines, corner brackets, and teal accents to create a distinct visual identity.
Two clear CTAs, one for potential clients ready to connect and another for those who want to explore the work.
The goal was to balance visual appeal with clarity, structure, and usability.
Clean design, thoughtful details, and a clear purpose behind every element.
What do you think?
Excellent
Two visual directions for the same brief. Which do you prefer?
2 voted
29%
5 voted
71%
7 votes
Closed
Direction A is more better to me it feels modern professional cartoony style that's impressive ❤️❤️
Great job Ayoub🔥🔥