OTM Motors Platform
Full-stack automotive e-commerce for Saudi Arabia & UAE — Next.js 15 storefront with Laravel 12 admin panel, AI car recommendation engine, financing calculator, and bilingual Arabic/English support.
The Problem
What needed to be solved
OTM needed a bilingual automotive e-commerce platform serving Saudi Arabia and UAE — markets where Arabic-first UX is non-negotiable and buyers expect financing math, AI-assisted browsing, and a fast storefront on mid-tier devices. The existing landscape was either Arabic-broken international platforms or local sites with no AI layer.
What I Built
My technical contributions
Bilingual Storefront (Next.js 15)
Server-rendered Arabic/English with full RTL layout flips, locale-aware routing, and a shared component library that adapts to direction without code branching.
AI Car Recommendation Engine
Built a recommendation layer that surfaces matching cars based on buyer intent signals (budget, body type, usage), returning ranked results in under 200ms.
Financing Calculator
Real-time monthly payment breakdown with down-payment, term-length, and APR variables, integrated directly into the car detail page without page reload.
Filament Admin (Laravel 12)
Custom admin panel for inventory, lead pipeline, and dealer management. Reused Sanctum auth + Spatie roles from production patterns.
System Architecture
How it's built
Server/Client Component Split
Server components for SEO and static content, client components for interactivity — maximizing performance.
AI Recommendation Layer
Intent-driven scoring that maps buyer signals (budget, body type, usage) to ranked results.
RTL-Aware Components
Shared component library that adapts to direction without code branching — one codebase, two reading orders.
RBAC Admin Panel
Sanctum + Spatie role hierarchy powering inventory, lead pipeline, and dealer management.
Scope of Work
Key features delivered
Visual Proof
Screenshots
OTM Motors Platform
Click any screenshot to view in full size