Shipped OZURA designed in Figma, built on Framer CMS. www.ozurapay.com
What I designed (Figma): Complete design system with purple accent theme Component library & design tokens Information architecture for payments platform Premium SaaS aesthetic (light + modern) Mobile-first responsive layouts Interactive prototypes & user flows
What I developed (Framer CMS): Built on Framer (modern design-to-code platform) High-performance, zero-config hosting Dashboard with real-time data visualization Dynamic content management Fully responsive across all devices Design system implemented with zero friction
The result: A sleek payments platform website that communicates global scale and builds trust instantly.
This is what modern web design looks like designed beautifully, built fast.
hashtag#WebDesignhashtag#Figmahashtag#Framerhashtag#SaaShashtag#DesignToCodehashtag#ModernWebhashtag#StartupDesign
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?
Features section from Byline, a concept PR agency site. Off-black and white base, one red-orange accent for a breaking news feel, and a hover state that fills the active card. Built in Framer.