01 — The Brief
A B2B Fleet Management Platform Built for the Modern Fleet Manager
FOR WHEELZ is a B2B fleet management and vehicle telematics platform designed for car rental companies, fleet operators, and automotive businesses across Saudi Arabia. The brief was clear: build a full production website that positions FOR WHEELZ as the go-to platform for smarter, data-driven vehicle management in the KSA market.
According to the product requirements, the core product needed to support B2B fleet operations — enabling businesses to track vehicles in real time, read live diagnostics via a plug-and-play OBD device, set custom alerts, and schedule preventive maintenance — all from a single unified dashboard, without the cost of traditional fleet management systems.
The entire website — from visual design to development — was delivered solo in 2 weeks, leveraging no-code tools and AI-generated media. This case study covers the full journey: UX strategy, website design, AI video production, and the measurable impact on the FOR WHEELZ business.
From the Product Requirements Document
"FOR WHEELZ aims to help businesses across KSA turn their fleets from a cost center into a competitive advantage — replacing reactive, phone-first fleet management with real-time data, live diagnostics, and smarter decision-making from a single digital platform."
Project Overview
Client / Project
FOR WHEELZ
Industry
Automotive — Fleet Management SaaS
My Role
Solo UX Designer & No-Code Developer
Tools
Figma · Framer · AI Video
Timeline
2 Weeks — Concept to Launch
Platform
Web (Desktop & Mobile)
VISIT LIVE SITE
02 — The Challenge
Starting from zero in a market full of offline operators
Building FOR WHEELZ meant more than a design brief. It was about building trust in an industry still relying on manual fleet management — and proving that no-code tools, when used with intentional design thinking, can produce a platform that rivals custom enterprise development.
Fleet managers operating blind
Car rental companies and fleet operators in KSA were managing vehicles through phone calls, WhatsApp, and spreadsheets. There was no real-time visibility — breakdowns were only discovered after the damage was done.
01
Costly downtime & unexpected breakdowns
Every minute a vehicle is off the road costs money. Without proactive diagnostics, businesses were constantly reacting to failures rather than preventing them — draining budgets and damaging customer trust.
02
No trusted digital platform in the market
The KSA fleet management market had no purpose-built B2B platform that felt modern, trustworthy, and easy to use. The opportunity was clear — but the product needed a website that communicated that premium positioning instantly.
03
Enterprise-grade feel with solo resources
A professional video shoot and custom-coded site were not feasible. The solution had to be built entirely solo using no-code tools — without sacrificing the visual quality expected by B2B decision-makers.
04
Project Goals
Design and launch a full 6-page B2B SaaS website solo — zero code written
Communicate FORWHEELZ's OBD + dashboard product clearly to fleet managers
Use AI to generate cinematic hero video content at a fraction of traditional cost
Build contact flows for both business and personal users with tailored fields
Establish digital credibility that rivals established enterprise platforms from day one
Deliver a fully responsive experience across desktop and mobile
"
The entire site needed to make fleet managers feel confident trusting their entire operation to it — from the first scroll.
Core design challenge
FOR WHEELZ Fleet Management Platform
03 — Website Design
Every Page. Every Flow.
Built Solo.
The FORWHEELZ website was designed and built from scratch across two weeks — a full 6-page B2B SaaS platform covering the product, features, pricing, team story, contact flows, and user login. All without a developer.
Homepage
Hero
AI-generated hero video, problem & solution section, your benefits, how it works, key features, and a dual contact form (Business / Personal) — all in one scrollable page.
Hero
·Features
·Contact
Features Page
GPS
Dedicated deep-dive into all six product features: GPS tracking, live diagnostics, custom alerts, preventive maintenance, live data monitoring, and the unified fleet dashboard.
GPS
·Diagnostics
·Alerts
Plans Page
Pricing
Custom quotation model — no public pricing. Explains that packages are tailored per fleet size, and directs users to a discovery meeting. Includes FAQs about pricing and packages.
Pricing
·FAQ
·CTA
About Us Page
Vision
Vision, mission, and the founder's story — Tamer's personal experience of a breakdown that inspired the platform. Introduces the team with portraits, roles, and profiles.
Vision
·Mission
·Team
Contact Us Page
Form
Dedicated contact page for fleet enquiries. Fields: Full Name, Company Name, Email, Phone, Number of Vehicles, Message. Response time promise: less than 1 business day.
Form
·Fleet
·Quick Reply
Login Page
Auth
Clean, minimal sign-in to the FORWHEELZ dashboard. Email + Password fields, Forgot Password link, and a footer prompt for non-customers to request a free demo.
Auth
·Dashboard
·Access
Key Design Decisions
🎬
AI-Generated Hero Video
The homepage hero opens with a full-screen AI-generated cinematic video — dramatic automotive visuals aligned with the TECH BLUE / TECH GREEN brand palette. Zero production cost, maximum first impression.
⚡
Dual Contact Flow (Business vs Personal)
The homepage contact form offers two distinct paths: For Business (fleet managers) and Personal Use (individual car owners). Each path shows different fields and vehicle quantity options — reducing friction and increasing relevance.
📋
No-Code, Full Functionality
The entire website was built without a single line of code using Framer. Scroll animations, hover states, form flows, and responsive layouts — all built visually and deployed live in days.
🌍
Arabic & English Ready
Noto Sans was chosen specifically for its Arabic script support — making the platform immediately ready for GCC market users without a separate internationalisation build.
What Made This Possible
A full production B2B SaaS website — designed and shipped in 2 weeks, by one person
Figma
All page designs, component library, and prototypes built in Figma before a single line was placed in Framer.
Framer
No-code tool used to translate every design into a live, interactive, animated website with zero developer involvement.
AI Video
The cinematic hero video was fully AI-generated — replacing what would normally cost thousands in production.
04 — The Process
4 Stages.
2 Weeks.
One Person.
The FORWHEELZ website was researched, designed, built, and launched in exactly 14 days — solo. Discovery on Day 1, live on Day 14. Every deliverable below was produced by one person with no-code tools.
01
Days 1–3
Week 1
Discovery & Planning
Reviewed the B2B PRD in depth to define the full site architecture and user flows. Mapped the B2B buyer and vendor journey end-to-end. Researched automotive B2B competitors to identify positioning gaps. Defined the page list, content strategy, and component inventory before opening Figma.
PRD review & feature mapping
Competitor research (8+ platforms)
Full site architecture & page list
User flow diagrams (buyer + vendor)
02
Days 3–7
Week 1
UI Design — All Pages
Designed the full website in Figma — Homepage with AI video hero, Problem & Solution, Benefits, How it Works, Key Features, Contact Form, plus the Features page, Plans page, About Us page, Contact Us page, and Login page. Every component was built mobile-first and assembled into a scalable design system before handoff to Framer.
Homepage — full scrollable page design
Features page — 6 product features deep-dive
Plans page — custom quotation model + FAQ
About Us — vision, mission, founder story, team
Contact Us — fleet enquiry form
Login page — dashboard sign-in
Figma component library & design system
03
Days 7–11
Week 2
No-Code Build + AI Video
Built the full website in Framer — pixel-perfect translation of every Figma design into a live, animated, interactive site. Simultaneously produced the AI-generated hero video through prompt engineering and iteration. The video was colour-graded to match the TECH BLUE / TECH GREEN palette and embedded into the live build.
Pixel-perfect Framer build (all pages)
Scroll & hover animations
Filterable product catalogue (live)
AI hero video — prompt engineering & generation
Colour grading & web optimisation
Video integration into homepage hero
04
Days 11–14
Week 2
QA, Launch & Go-Live
Comprehensive cross-device QA across desktop, tablet, and mobile. Optimised image and video loading for fast page speed. Set up SEO metadata, Open Graph previews, and custom domain. Analytics connected. The site went live on Day 14 — fully production-ready from the first minute.
Cross-device & browser QA
Page speed & video performance optimisation
SEO metadata & Open Graph setup
Custom domain configuration
Analytics integration
Production launch — forwheelz.com live
14
Days Total
6+
Pages Designed & Built
0
Developers Hired
1
Person. Full Stack.
05 — Website Showcase
Every Section, in Detail
Each section of the FORWHEELZ website was designed to move a fleet manager from awareness to action — hero video, feature clarity, custom pricing, and a frictionless contact flow.
Homepage — Hero Section
"Smarter Driving. Smarter Management." — the first impression
The homepage opens with a full-screen AI-generated cinematic video under the headline 'Smarter Driving. Smarter Management.' Immediately below: a Problem & Solution section, six benefit tiles, a How it Works step-by-step, key features, and a dual contact form — all on one scrollable page designed to convert B2B fleet managers.
View on live site
forwheelz.com
AI Generated Video
Features Page
All the tools you need — in one place
The Features page deep-dives into all six product capabilities: Real-Time GPS Tracking, Live Vehicle Diagnostics, Custom Alerts, Preventive Maintenance Scheduler, Live Data Monitoring, and the Unified Fleet Dashboard. Each feature includes a clear 'What this means for your business' breakdown — translating technical specs into fleet operator language.
View on live site
Plans Page
A plan that fits your business — no public pricing
Instead of a standard pricing table, FORWHEELZ uses a custom quotation model. The Plans page explains: 'We don't sell plans, we build partnerships.' Users are directed to a discovery meeting where packages are tailored per fleet size and business needs. A bold CTA — 'Get your Quotation Now' — drives action. FAQs handle the most common pricing objections.
View on live site
forwheelz.com/plans
Homepage — Contact Form
Dual contact flow — built for business and personal users
The homepage contact form was designed with a smart split: 'For Business' shows Company Name, Job Role, and a fleet-size dropdown (10–25, 25–100, 101–250, 251–500, 501+). 'Personal Use' shows a simplified form with individual vehicle count. Both flows funnel into the same CTA: 'Submit Request' — with a clear, frictionless path to becoming a customer.
View on live site
forwheelz.com/#contact
06 — Website Impact on Brand
How the website launched a fleet management business
For FORWHEELZ, the website wasn't a marketing afterthought — it was the product's first and primary expression. Every design decision had a direct impact on how the business was perceived, trusted, and ultimately chosen by fleet operators in Saudi Arabia.
2
wks
Concept to live site
0
loc
Lines of code written
6
pages
Full pages designed & built
1
person
Entire build solo
Instant market credibility
A brand-new platform with zero history needed to earn B2B trust on sight. The premium visual system, AI cinematic hero video, and polished UX gave FORWHEELZ a credibility that matched established enterprise fleet platforms from day one.
AI video redefined the first impression
The AI hero video — produced entirely without a camera crew — became FORWHEELZ's most powerful brand asset. In seconds, it communicates performance, premium quality, and tech-forward energy that static imagery never could.
Fleet managers finally had a digital home
The PRD identified that KSA's fleet operators were still managing vehicles via calls and spreadsheets. By launching a purpose-built platform with GPS tracking, diagnostics, and alerts, FORWHEELZ gave them a modern operational solution.
No-code competed with custom code
The site launched at a level that rivals custom-coded agency work — validating no-code as a serious, production-ready approach for B2B SaaS platforms and proving design-led speed is a genuine business advantage.
Smart dual contact UX
Separating the contact flow into 'For Business' and 'Personal Use' — each with tailored fields and vehicle quantity options — significantly reduced form friction and increased the relevance of each path for different user types.
Speed as competitive advantage
From zero to launch in 2 weeks, solo. The speed of the build — made possible by no-code tools and AI — meant FORWHEELZ entered the KSA market ahead of when a traditional development cycle would have allowed.
Final Reflection
One designer. No code. AI-powered. A SaaS platform launched.
FOR WHEELZ proved that the combination of strong design fundamentals, no-code tooling, and AI-generated content can produce a production-grade B2B SaaS website indistinguishable from custom-built, agency-delivered work — in a fraction of the time and cost.
The lesson isn't just about saving money or moving fast. It's about redefining what's possible when a single skilled designer owns the full stack — from product strategy to live deployment — and uses modern tools without apology.
Visit forwheelz.com
UX Case Study · Solo Build · No-Code · 2 Weeks · 2025
FOR
WHEELZ
Fleet Management & Vehicle Telematics — KSA
FORWHEELZ gives fleet managers and car rental businesses in Saudi Arabia real-time visibility over every vehicle — live GPS, diagnostics, custom alerts, and smarter maintenance. All through one plug-and-play OBD device and a single dashboard.
Visit Live Site
Get in Touch
Real-Time
GPS & Vehicle Tracking
OBD
Plug-and-Play Device
1000+
Vehicles Manageable
KSA
Primary Market
I'm a Fleet Manager
I'm a Car Owner
Run Your Fleet Smarter
Get real-time visibility, diagnostics, and alerts across every vehicle in your fleet.
Real-time GPS location on all vehicles
Live diagnostics — fault codes, fuel, battery
Custom alerts: geofencing, speeding, idling
Preventive maintenance scheduling
Request a Free Demo →
Live at forwheelz.com
Open
Explore the Case Study
Get in Touch
LET US BECOME
YOUR PARTNER
IN SUCCESS
Now that you know everything about us — whether you manage 10 cars or 250+, our team is here to help you run a smarter, more profitable fleet. Fill in the form and we'll get back to you in less than a business day.
See it live
FOR WHEELZ
IS LIVE.
Explore the full B2B automotive platform — designed, branded and built solo with no code.
Visit forwheelz.com
FOR WHEELZ· Case Study
Brief
Challenge
Branding
Process
Showcase
Impact
Back to top