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
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
That's looking really, really nice, man.
How cool animation man ā¤ļø
Can't wait to see the finished product!!
Trending
Figma Make
Go from idea to prototype in minutes. What are you designing?
aivideo
AI video tools are moving at warp speed. Which ones are you experimenting with?
illustration
Handcrafted illustration is bubbling up across the web. What are you drawing lately?
aidesignflow
AI tools are redefining design work. What's your current workflow?
freelancerlife
Freelancer life is wins, pivots, and everything in between. Whatās yours right now?