Designed and built this landing page flow in Framer, focusing on clean visual hierarchy, smooth i...Designed and built this landing page flow in Framer, focusing on clean visual hierarchy, smooth i...
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
Designed and built this landing page flow in Framer, focusing on clean visual hierarchy, smooth interactions, and a conversion-focused user experience.
It’s a calm, editorial shop template for brands that make physical things: hardware, objects, small product lines. I designed the brand, generated the product photography and built every page in Framer.
What’s inside:
20 pages, each designed for desktop, tablet and phone
CMS-driven shop with working price sort
Product pages with gallery, specs and FAQs
A build-your-own configurator with live pricing
A bag with quantities and discount codes
Journal with hover image previews
Launch, studio, support and gift card pages
The product itself is fictional: a modular mixing desk where one core listens to your mix and suggests one fix at a time. I wanted the template to feel like a real brand from day one, so it’s been built and photographed like one.
Congrats on the launch, Jonathan. Designing the brand, the photography and every page yourself gives it a clear voice. What was the hardest part of building a shop template in Framer?