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
Back to feedPost
QJMOTOR — High-Performance Automotive Web & Brand Experience
Role: Lead UI/UX & Web Designer
Tools: Figma, Automotive UI Design, Dark Mode UI, Lead Generation UX, Design Systems
Platform: Web (Desktop & Mobile Responsive)
Industry: Automotive / Powersports & Motorcycles
Overview
Comprehensive digital experience designed for QJMOTOR, one of the world’s fastest-growing motorcycle manufacturers. The project translated the brand's racing heritage, raw horsepower, and precision engineering into an immersive Dark Mode web platform engineered to drive showroom visits via a dedicated Find a Dealer portal.
The Challenge
Automotive digital design requires balancing raw emotional excitement with granular mechanical specifications:
Communicating Premium Engineering: QJMOTOR builds bikes using world-class OEM components (Brembo, Bosch, Pirelli, Marzocchi). The visual identity needed to match and exceed established legacy competitors.
Diverse Riding Demographics: The site needed to seamlessly guide distinct riders through vastly different motorcycle lineups (Adventure, Naked, Custom, Supersport).
From Screen to Showroom (Conversion): The ultimate business metric was driving test rides and directing prospective buyers to authorized physical dealerships.
Design Strategy & Visual Architecture
High-Octane Dark Aesthetic: Deep black background paired with aggressive Racing Red accents, accentuating the metallic curves and aerodynamic details of the motorcycles.
Dynamic Category Showcase: Angled cuts and dynamic category cards to evoke speed, cornering agility, and adrenaline.
Component Authority & 3-Year Warranty: Prominent OEM showcase highlighting verified engineering partnerships (Brembo, KYB, DID, Marzocchi, Pirelli, Bosch) alongside official 3-year warranty badges to eliminate reliability doubts.
Flagship Deep-Dive (SRT 900 SX Touring): Multi-angle product showcase accompanied by structured technical breakdowns:
Power & Safety (Brembo ABS, horsepower specs)
Comfort & Details (Ergonomics, heated seats)
Technology & Connectivity (TFT multi-function display)
Lead-Generating "Find a Dealer" Portal: Integrated dark-themed interactive map with location lookup and quick-toggles between Showrooms and Certified Service Centers.
Deliverables & Business Impact
Immersive, production-ready automotive web layouts tailored for European/international markets.
Component library featuring dark-mode UI states, specification tabs, and dealer map widgets.
Clear visual hierarchy optimized for B2C conversion and dealership lead generation.
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
Related posts
🌲 Nordhaus | Prefab Timber Homes Website (Framer)
Homes that grow quietly with the forest, now on the web. 🏡
Nordhaus is a website for a Latvian builder of prefabricated timber homes, created in Figma and built in Framer as a responsive site for desktop, tablet and mobile. It brings the brand's calm Nordic character through full-screen photography, a scroll-driven process story, a horizontal model gallery and interactive testimonials.
✨ Template coming soon to Framer.
Wonderful design man
I created a brand identity concept for Velora, an AI productivity platform. I explored the logo, colors, typography, and how the brand could look across a website, mobile app, and everyday products. I wanted everything to feel consistent, modern, and easy to recognize.
The blue is perfect for this. I’ve seen so many AI brands do boring black/white but this gradient gives it energy. And Plus Jakarta Sans was a great choice, keeps it friendly.
