Redesign & Custom development for an eCommerce project | Woocommerce
Truetone Store — a conversion-focused eCommerce store with a custom, high-end UI built from a unique Figma design. I implemented the website from scratch and integrated automation tools to simplify product management and boost sales.
Tendee - Dating App UI UX Design
A mobile app UI design showcase focused on discovery, profiles, matching and conversation.
The visual challenge was to bring profile content, interest tags, primary actions and messaging into a consistent mobile experience. The design uses a soft lavender and coral palette, clear typography, rounded cards and recognizable navigation.
The selected mockup presents a profile discovery screen, detailed profile information, chat, onboarding and sign-in views. These screens demonstrate visual hierarchy, consistent interface styling and attention to mobile interactions.
Personal portfolio showcase. Project cost is an illustrative quote for comparable design work, not a past client payment. The date marks this showcase's preparation in October 2026; duration is an estimated production timeframe.
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?