Created a complete Figma design for an online marketplace, including a responsive landing page, p...Created a complete Figma design for an online marketplace, including a responsive landing page, p...
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
Created a complete Figma design for an online marketplace, including a responsive landing page, product discovery sections, authentication flows, favorites, chat, and publishing screens.
The design was structured with reusable components, clear visual hierarchy, responsive behavior, and a consistent design system.
I help businesses transform Figma designs into production-ready landing pages and web applications using Next.js, Astro, React, TypeScript, and Tailwind CSS.
My work covers responsive implementation, clean frontend architecture, forms, animations, API integration, SEO basics, performance optimization, and deployment.
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?