Turpa Otomotiv
A service-led corporate site that turns fleet owners into quote requests
- Sector
- Automotive & fleet
- Country
- Türkiye
- Category
- Custom software
- Services
- Custom software, Web design & development
- Technology
- Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, Framer Motion

01 /
The brief
Turpa Otomotiv runs a maintenance and repair network for buses, minibuses, light and heavy commercial vehicles and construction machinery, spread across many Turkish provinces. What fleet owners and businesses need is clear: to see quickly which service covers their vehicle and ask for a quote without wasting time. We designed and coded a corporate site from scratch, with no off-the-shelf theme. Each of the six service lines has its own page; assurances such as the workmanship warranty, certified technicians and 24/7 support are gathered in a “Why Turpa?” section; and every page ends with a phone and free-quote call to action. Service, appointment and price requests arrive through a contact form with privacy consent. Built on Next.js and Tailwind CSS, the site optimises its images automatically.
Screens
A closer look
Fresh screenshots from the live site: the full page, inner pages and how it looks on a phone.
Home page, top to bottom

Home page


Sections and inner pages




02 /
Approach
Three decisions that shaped the project.
Structured by service line
From bus maintenance to engine overhauls, construction machinery and periodic servicing, every service has its own page. Visitors start from their vehicle type and land on the right service.
An interface with workshop solidity
Strong typography, clear icons and a consistent design system built with Tailwind CSS and shadcn/ui. Quote and call prompts stay visible on every screen.
Next.js for speed
Pages are pre-rendered and images are resized and compressed per device, so the site opens fast even on mobile data in the field. Built to Core Web Vitals targets.
03 /
What we delivered
- Service-line pages
- “Why Turpa?” assurance section
- Service and appointment request form with privacy consent
- One-tap call prompts
- Automatic image optimisation
- Privacy and cookie policy pages
Tech stack
- Next.js 16
- React 19
- TypeScript
- Tailwind CSS 4
- shadcn/ui
- Framer Motion
The code and the domain belong entirely to our client.
Live now
Visit the live site
turpaotomotiv.com (opens in a new tab)
Next project
A—11
Turex Filo
A fleet-leasing platform that explains the offer and routes driver requests to an admin panel
Automotive & fleet · Türkiye
