Brand · Identity
Generic look: The brand looked generic and failed to convey the scale and reliability of a heavy-trucking partner.
Khan Baba Transport Trucking & Logistics Website
UAE trucking & logistics site with FTL, LTL services and a request-a-quote lead flow.
khanbabatransport.comLive
TruckingDesign + Build
25k+Containers
220+Clients
40+Drivers
QuoteLead flow
Overview/ 01
A bold home for UAE trucking
Charcoal-and-orange brand presenting trucking services and driving quote requests.Khan Baba Transport is a UAE-based heavy-trucking and land-logistics company. The website presents FTL, LTL, expedited and specialised freight services, a 20+ year brand story and a charcoal-and-orange identity, and turns interest into leads with a clear request-a-quote flow.
- FTL, LTL & specialised freight
- 20+ years brand storytelling
- Role
- Design + Development
- Type
- Trucking · Marketing
- Timeline
- 2 months
- Platform
- WordPress
- Role
- Design + Development
- Type
- Trucking · Marketing
- Timeline
- 2 months
- Platform
- WordPress
- Theme
- Newspaper
- Year
- 2023
Scope & deliverables
- Discovery & Strategy
- UX / UI Design
- WordPress Build
- Performance & Launch
Discovery & Strategy
Brand positioning, service structure and the lead funnel.
UX / UI Design
A bold charcoal-and-orange trucking design system.
WordPress Build
Newspaper-theme build, service pages, about and quote flow.
Performance & Launch
Speed, SEO and a lead-focused, conversion-ready site.
Challenge & solution
A generic listing, or a trusted trucking brand
A generic presence that didn't convey scale or reliability, with an unclear service offer, no proof of capacity and no clear path to request a quote.
- Generic brand
- Unclear services
- No quote funnel
0Lead funnel
UnclearOffer
Services · Freight
Unclear offer: Services were unclear and buyers couldn't tell what Khan Baba actually offered.
Proof · Scale
No numbers: There was no proof of scale to reassure shippers considering a new logistics partner.
No core
No shared platform
Fragmented systems
0Lead funnelUnclearOffer
Quote · Leads
No clear CTA: There was no clear path for shippers to request a quote, so leads slipped away.
Story · About
No history: Without a company story, the site had little to establish trust or expertise.
Contact · Reach
Hard to reach: Getting in touch was unclear, adding friction for ready-to-ship customers.
25k+Containers
6+Services
QuoteLeads
BoldBrand
Key features
Everything to present & win the lead
Service pages, company story, process flow and a quote funnel built to convert.From clear service pages and a company story to a process flow, team section and a quote funnel, every section is built to build trust and convert.
01/05 features
Tap a product
Auto-playing. Hover to pause
khanbabatransport.com
Service Pages
Dedicated pages for full truckload, partial truckload, expedited and specialised freight make the full offer clear.
Engineering
Technology & Build
WordPress marketing site with service pages, about story, news and quote funnel.Built on WordPress with the Newspaper theme, a bold, lead-focused marketing site with service pages, an about story, a news section and a quote funnel.
- Brand LayerUIBold charcoal-and-orange Newspaper theme across the site01
- Service LayerSVCService pages, process flow and company story02
- Lead LayerLEADSRequest-a-quote forms and contact capturing leads03
- Performance & SEOOPSCaching, CDN, SEO and security for a fast, safe site04
- 01Discovery & StrategyMapped brand positioning, services and the lead funnel.Phase 1
- 02UX / UI DesignDesigned a bold charcoal-and-orange trucking system.Phase 2
- 03WordPress BuildBuilt the Newspaper site, service pages and quote flow.Phase 3
- 04Performance & SEOTuned speed, SEO and lead capture.Phase 4
- 05QA & TestingTested forms, pages and news across devices.Phase 5
- 06Launch & IterateLaunched the site and iterated on lead quality.Live
Stack
- WordPress
- Newspaper
- Forms
- HTML5
- CSS3
- JavaScript
- PHP
- MySQL
- SMTP
- Caching
- SEO
- CDN
Product Screens
The whole brand site, one platform
Browse hero, services, process, about, news and quote flow.Glide through the live Khan Baba Transport site, hero, why-us, services, process, team, news, about, our story and contact.
Drag to explore01 / 11
Philosophy
Design Approach
Bold trucking design shaped around trust and clear service storytelling.A bold, charcoal-and-orange, lead-first design philosophy that makes UAE trucking feel trustworthy and gets shippers to a quote.
BoldTrustedFastResponsive
- Design pillars
- 04
- Accessibility
- AA
- Lead flow
- Quote
- Bold Trucking UIA charcoal-and-orange system that signals speed, reliability and scale.Trucking
- Proof-Led StorytellingStats, services and a company story that prove capacity and experience.25k+
- Lead-First LayoutClear request-a-quote paths placed where intent is highest.Quote
- Responsive & FastA polished experience that loads fast on every device.100%
Tokens
Design System
One trucking visual language across service pages, about and quote flows.A cohesive charcoal-and-orange visual language that keeps every brand screen bold and consistent.
- Typography6 scale steps
- Spacing5 tokens
- Icons8 symbols
- Breakpoints4 sizes
Type samples
HeadingSpace Grotesk 800 · 32px
SubheadingInter 500 · 20px
Body text for product listings, collections, and guides.Inter 400 · 16px
More work
Explore more projects
WordPress sites, web platforms and mobile apps from our team.More of what our team designs and ships, from WordPress sites to web platforms and mobile apps.
