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
For the Mobbin x Contra challenge, I used Mobbin as a research tool to study high-quality e-commerce flows and product page patterns.
Focused on understanding what actually works:
ā structure and hierarchy
ā spacing and readability
ā how minimal design supports conversion
Then translated those insights into an original e-commerce template, built in Framer and connected with Frameship to simulate a real product setup.
This is the current version:
https://nocturn.framer.website/
Still a work in progress, but I wanted to share the direction early and document the process.
The goal is to create something that feels like a real product, not just visually clean, but structured, usable, and ready to scale.
Would love your thoughts:
What feels right? What feels off? What would you improve?
#MOBBINXCONTRA2026
much love š«¶š»ā¤ļø
Well done
thank you!
thank you!
Dark, monochromatic vibe certainly matches the mono black products, very cohesive look & feel with great UX & Frameship functions! š
thank you so much!
I like this ddark design.
thank you!
good
thank you!
ā¢ Mar 24
love the layout, it's perfect matched
thank you!
THis was really cool
thank you so much
Great!!
Nice. I love how it comes together.
thank you so much!
Here is the final result :) Let me know what you think!
This is solid
thank you!
ā¢ Mar 28
Nice work Gabriela
thank you lots
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
Most designers get the order wrong.
They launch an agency first, then wonder why nobody's buying.
Cedric did it backwards.
He spent four years selling Framer templates before most designers knew what Framer was. Made $150-200K. Built an audience while he was at it.
Then he used that audience to launch the agency that now pays the bills.
The templates weren't the business. They were the distribution system for the business.
On this week's Uncontrad he breaks down the sequence, the $7-10K/month camper-in-Australia realization that made him go all in, and why he thinks most designers are still looking at AI wrong.
Live Now
ā¢ Apr 20
Nice!
Framer Shaders are the hottest thing right now, so I added them to Teamwave
Oh, and the template is completely free
ā https://www.framer.com/marketplace/templates/teamwave/
Great work Cristian!
Hero for a furniture e-commerce.
Do you like this direction? š
#BuildInPublic #Framer #60DaysChallange
ā¢ Apr 20
Nice!
Trending
Runway
AI video generation is exploding. What are you dreaming up in Runway?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid.Ā Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?