Skip to content
A—10

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
Desktop and mobile views of the Turpa Otomotiv website

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

Fresh screenshots from the live site: the full page, inner pages and how it looks on a phone.

Home page

Turpa Otomotiv — Home page
Turpa Otomotiv — Sections and inner pages

Sections and inner pages

Turpa Otomotiv — Sections and inner pages
Turpa Otomotiv — Sections and inner pages
Turpa Otomotiv — Sections and inner pages
Turpa Otomotiv — On mobile

02 /

Approach

Three decisions that shaped the project.

  1. 01

    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.

  2. 02

    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.

  3. 03

    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