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
- Live-Website
- turpaotomotiv.com (öffnet in einem neuen Tab)

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
Genauer hingesehen
Aktuelle Screenshots der Live-Website: die ganze Seite, Unterseiten und die Ansicht auf dem Smartphone.
Startseite, von oben bis unten

Startseite


Bereiche und Unterseiten




02 /
Vorgehen
Drei Entscheidungen, die das Projekt geprägt haben.
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.
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.
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
