İçeriğe geç
A—10

Turpa Otomotiv

Filo sahibini doğru servise ve teklife ulaştıran kurumsal site

Sektör
Otomotiv & filo
Ülke
Türkiye
Kategori
Özel yazılım
Hizmetler
Özel yazılım, Web tasarım & geliştirme
Teknoloji
Next.js 16, React 19, TypeScript, Tailwind CSS 4, shadcn/ui, Framer Motion
Turpa Otomotiv web sitesinin masaüstü ve mobil görünümü

01 /

İhtiyaç

Turpa Otomotiv; otobüs, minibüs, hafif ve ağır ticari araçlar ile iş makinelerine bakım ve onarım hizmeti veren, Türkiye’nin pek çok iline yayılmış bir servis ağı. Filo sahipleri ve işletmeler iki şey ister: hangi araca hangi hizmetin verildiğini hızla görmek ve vakit kaybetmeden teklif almak. Hazır tema kullanmadan, tasarımından koduna kadar özel bir kurumsal site geliştirdik. Altı hizmet kolunun her biri ayrı bir sayfada anlatılıyor; işçilik garantisi, sertifikalı teknisyenler ve 7/24 destek gibi güvenceler “Neden Turpa?” bölümünde toplanıyor; her sayfa telefon ve ücretsiz teklif çağrısıyla bitiyor. Servis, randevu ve fiyat talepleri KVKK onaylı iletişim formundan geliyor. Next.js ve Tailwind CSS ile geliştirdiğimiz site, görselleri otomatik olarak optimize ediyor.

Ekranlar

Canlı siteden alınmış güncel ekran görüntüleri: sayfanın tamamı, iç sayfalar ve telefondaki görünüm.

Ana sayfa

Turpa Otomotiv — Ana sayfa
Turpa Otomotiv — Bölümler ve iç sayfalar

Bölümler ve iç sayfalar

Turpa Otomotiv — Bölümler ve iç sayfalar
Turpa Otomotiv — Bölümler ve iç sayfalar
Turpa Otomotiv — Bölümler ve iç sayfalar
Turpa Otomotiv — Telefonda

02 /

Yaklaşım

Projeyi şekillendiren üç karar.

  1. 01

    Hizmet koluna göre yapı

    Otobüs bakımından motor revizyonuna, iş makinesi servisinden periyodik bakıma kadar her hizmetin kendi sayfası var. Ziyaretçi aracının türünden yola çıkıp doğru hizmeti buluyor.

  2. 02

    Atölye kadar sağlam bir arayüz

    Güçlü tipografi, net ikonlar ve Tailwind CSS ile shadcn/ui üzerine kurulan tutarlı bir tasarım sistemi. Teklif ve arama butonları her ekranda görünür.

  3. 03

    Hız için Next.js

    Sayfalar önceden üretiliyor, görseller cihaza göre otomatik boyutlanıp sıkıştırılıyor. Sahada mobil veriyle bağlanan kullanıcı için bile site hızlı açılıyor; Core Web Vitals hedeflerine göre geliştirdik.

03 /

Neler yaptık

  • Hizmet koluna göre servis sayfaları
  • “Neden Turpa?” güvence bölümü
  • KVKK onaylı servis ve randevu talep formu
  • Tek tıkla arama
  • Otomatik görsel optimizasyonu
  • KVKK ve çerez politikası sayfaları

Kullanılan teknolojiler

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

Kod ve alan adı tamamen müşterimize ait.

Yayında

Siteyi ziyaret edin

turpaotomotiv.com (yeni sekmede açılır)

Sonraki proje

A—11

Turex Filo

Filo kiralamayı anlatan, sürücü taleplerini panelde toplayan kurumsal platform

Otomotiv & filo · Türkiye