Zum Inhalt springen
A—10

Turpa Otomotiv

Eine leistungsorientierte Unternehmenswebsite, die Flottenbetreiber zur Angebotsanfrage führt

Branche
Automobil & Flotte
Land
Türkei
Kategorie
Individualsoftware
Leistungen
Individualsoftware, Webdesign & Entwicklung
Technologie
Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, Framer Motion
Desktop- und Mobilansicht der Turpa-Otomotiv-Website

01 /

Ausgangslage

Turpa Otomotiv betreibt ein Wartungs- und Reparaturnetz für Busse, Kleinbusse, leichte und schwere Nutzfahrzeuge sowie Baumaschinen, verteilt über zahlreiche türkische Provinzen. Flottenbetreiber und Unternehmen wollen vor allem eines: schnell sehen, welcher Service ihr Fahrzeug abdeckt, und ohne Umwege ein Angebot anfordern. Wir haben eine Unternehmenswebsite ohne Standard-Theme individuell gestaltet und programmiert. Jeder der sechs Leistungsbereiche hat eine eigene Seite; Zusagen wie Garantie auf die Arbeit, zertifizierte Techniker und 24/7-Support sind im Bereich „Warum Turpa?“ gebündelt, und jede Seite endet mit einem Telefon- und Angebotsaufruf. Service-, Termin- und Preisanfragen gehen über ein Kontaktformular mit Datenschutzeinwilligung ein. Die Website basiert auf Next.js und Tailwind CSS und optimiert Bilder automatisch.

Screens

Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.

Startseite

Turpa Otomotiv — Startseite
Turpa Otomotiv — Bereiche und Unterseiten

Bereiche und Unterseiten

Turpa Otomotiv — Bereiche und Unterseiten
Turpa Otomotiv — Bereiche und Unterseiten
Turpa Otomotiv — Bereiche und Unterseiten
Turpa Otomotiv — Auf dem Smartphone

02 /

Vorgehen

Drei Entscheidungen, die das Projekt geprägt haben.

  1. 01

    Aufbau nach Leistungsbereichen

    Von der Buswartung über Motorüberholung und Baumaschinenservice bis zur Inspektion hat jede Leistung eine eigene Seite. Besucher starten beim Fahrzeugtyp und landen beim passenden Service.

  2. 02

    Eine Oberfläche mit Werkstatt-Charakter

    Kräftige Typografie, klare Icons und ein konsistentes Designsystem auf Basis von Tailwind CSS und shadcn/ui. Angebots- und Anrufbuttons bleiben auf jedem Bildschirm sichtbar.

  3. 03

    Next.js für Geschwindigkeit

    Seiten werden vorab gerendert, Bilder je nach Gerät skaliert und komprimiert – so lädt die Website auch unterwegs über Mobilfunk zügig. Entwickelt nach Core-Web-Vitals-Zielwerten.

03 /

Was wir geliefert haben

  • Seiten für jeden Leistungsbereich
  • Vertrauensbereich „Warum Turpa?“
  • Formular für Service- und Terminanfragen mit Datenschutzeinwilligung
  • Anruf mit einem Fingertipp
  • Automatische Bildoptimierung
  • Datenschutz- und Cookie-Richtlinie

Technologie-Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • shadcn/ui
  • Framer Motion

Code und Domain gehören vollständig unserem Kunden.

Online

Live-Website öffnen

turpaotomotiv.com (öffnet in einem neuen Tab)

Nächstes Projekt

A—11

Turex Filo

Eine Flottenleasing-Plattform, die das Angebot erklärt und Fahreranliegen ins Admin-Panel leitet

Automobil & Flotte · Türkei