Innovative E-commerce Template Design Using Mobbin & FramerInnovative E-commerce Template Design Using Mobbin & Framer
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
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
Akinkunmi's avatar
Well done
Anca's avatar
thank you!
JE 's avatar
pro
11h
Looks amazing
Anca's avatar
thank you!
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