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

Dark, monochromatic vibe certainly matches the mono black products, very cohesive look & feel with great UX & Frameship functions! 👍

I love this piece of design for @Hotplate's new site that @Disha Shah and I are working on together. The whole site is all about making things feel organic and authentic, highlighting independent chefs, micro-bakers, hobbyist etc.. I love the receipt idea to demonstrate an example of what the pricing looks like and the masking tape adds that organic vibe to it. Can't way to share the whole site!

That's awesome man!