Tüm Başarı Hikayeleri
Deneyime Dayalı
Automobilhandel / Auto-AboAlmanya Featured

AutoFlat24.de

AutoFlat24.de — Almanya Pazarı İçin Full-Stack Araç Abonelik Platformu

Süre: 2025 Q1
Ekip Büyüklüğü: 2
Web Sitesini Ziyaret Et

Sonuçlar

9
Admin Modülü
3
Rezervasyon Adımı
5
Fiyat Boyutu
4
Görsel Varyantı
6
Durum İş Akışı Adımı
5
E-posta Tipi
Süre: 2025 Q1
Ekip Büyüklüğü: 2
Hizmetler:Full-Stack E-Commerce DevelopmentUI/UX DesignDynamic Pricing SystemAdmin Panel DevelopmentCustomer PortalGmail API + SMTP IntegrationSharp Image PipelineSEO & AI-Sichtbarkeit (CAFE)NextAuth v5 AuthenticationDSGVO-ComplianceDeployment & DevOps

Problem

Almanya'daki araç abonelik pazarı hızla büyüyor, ancak çoğu sağlayıcı hâlâ eski süreçlerle çalışıyor: manuel fiyatlandırma, karmaşık araç katalogları ve telefon veya e-posta ile zaman alan rezervasyon süreçleri. Aynı zamanda hem bireysel müşteriler (KDV dahil) hem de kurumsal müşteriler (KDV hariç) şeffaf fiyatlar bekliyor.

AutoFlat24, tüm araç abonelik sürecini dijitalleştiren bir modern e-ticaret platformuna ihtiyaç duyuyordu — araç aramasından dinamik fiyat konfigürasyonuna (süre × km paketi), eksiksiz rezervasyona kadar. Ayrıca tüm araç envanterini, müşteri taleplerini ve iş süreçlerini yönetmek için kapsamlı bir admin panel gerekiyordu.

Çözümümüz

AutoFlat24.de'yi sıfırdan modern bir full-stack e-ticaret platformu olarak geliştirdik: Next.js 14 ile App Router, Bireysel/Kurumsal toggle ile dinamik fiyatlandırma konfigürasyon sistemi, 3 adımlı rezervasyon sihirbazı, dashboard'lu müşteri portalı, eksiksiz iş kontrolü için 9 admin modülü, çift e-posta sistemi (Gmail API + SMTP yedek), WebP optimizasyonu için Sharp tabanlı görüntü işleme pipeline ve maksimum yapay zeka görünürlüğü için CAFE Framework entegrasyonu.

Araç Abonelik E-Ticaret — Araç Aramasından Rezervasyona

AutoFlat24.de, Almanya araç abonelik pazarı için eksiksiz bir e-ticaret platformudur. Bayide uzun pazarlıklar yapmak yerine, müşteriler istedikleri aracı online konfigüre edebilir, fiyatı gerçek zamanlı hesaplayabilir ve 3 adımda rezervasyon yapabilir — bireysel veya kurumsal müşteri olarak.

Dinamik Fiyat Konfigürasyonu — Bireysel vs. Kurumsal

Platformun kalbi dinamik fiyat konfigüratörüdür. Global Bireysel/Kurumsal toggle'ı tüm görüntülenen fiyatları anında değiştirir:

  • Bireysel (Privat): KDV dahil fiyatlar — tüketiciler için şeffaf son fiyatlar
  • Kurumsal (Gewerbe): KDV hariç fiyatlar — şirketler için vergi avantajı

Fiyatlar süre (6, 12, 18, 24, 36 ay) ve km paketi (500–3.000 km/ay) bazında dinamik olarak hesaplanır. Her kombinasyon bireysel bir aylık fiyat üretir.

Model Ailesi Gruplamalı Araç Katalogu

/alle-fahrzeuge altındaki araç katalogu kapsamlı filtreleme sunar:

  • Marka filtresi: BMW, Mercedes, Audi, VW, Skoda ve daha fazlası
  • Tip filtresi: SUV, Sedan, Kombi, Elektrik
  • Fiyat filtresi: Aylık fiyat aralığı
  • Yakıt filtresi: Benzin, Dizel, Elektrik, Hibrit
  • Model Ailesi Gruplama: Aynı modelin varyantları "X varyant mevcut" badge'i ile gruplu gösterilir

Fiyat Hesaplayıcılı Araç Detay Sayfası

/fahrzeug/[slug] altındaki her araç sayfası şunları sunar:

  • Görsel galeri: Thumbnail navigasyon, lightbox modu, klavye desteği
  • İnteraktif fiyat hesaplayıcı: Süre × km paketi → anlık fiyat gösterimi
  • Teknik özellikler: Motor, tüketim, boyutlar, donanım
  • Varyantlar: Aynı model ailesinin diğer versiyonları
  • Benzer araçlar: Aynı markadan farklı modeller
  • Schema.org Product Markup: Arama motorları için yapılandırılmış veriler

3 Adımlı Rezervasyon Sihirbazı

Rezervasyon süreci 3 basit adıma indirildi:

  1. Konfigürasyon: Süre, km paketi, Bireysel/Kurumsal seçimi
  2. Teslimat adresi: Sokak, şehir, posta kodu girişi
  3. Kişisel bilgiler: Ad, e-posta, telefon + gizlilik onayı

Müşteri Portalı

Kayıtlı müşteriler /konto altında aktif abonelikler, rezervasyon geçmişi, bildirimler ve profil yönetimi içeren bir dashboard'a erişir.

Admin Paneli — Tam Kontrol İçin 9 Modül

Koyu tema ve DE/EN dil desteğine sahip admin paneli şunları içerir:

  • Dashboard: İstatistik kartları, 7 günlük talep grafiği, hızlı erişim
  • Araç Yönetimi: 4 sekmeli form (Temel, Fiyatlar, Motor, Donanım), 30 gün geri alımlı soft delete, ebeveyn-siz araçlar için orphan yönetimi
  • Talep Yönetimi: 6 aşamalı durum iş akışı (PENDING → CONTACTED → IN_PROGRESS → APPROVED/REJECTED → COMPLETED), admin notları, durum değişikliğinde otomatik e-posta
  • Müşteri Yönetimi: Kayıtlı müşteriler, rezervasyon geçmişi, filtreleme
  • Kullanıcı Yönetimi: ADMIN/STAFF rolleri, güvenlik koruması
  • Kategoriler: Markalar, araç tipleri, yakıt türleri
  • E-posta Sistemi: Loglar, şablon önizleme, durum filtreleri
  • Ayarlar: Firma, iletişim, çalışma saatleri, SEO, sosyal medya
  • CAFE Framework: BrandLock, llms.txt, Schema.org, E-E-A-T, Entity SEO

Çift E-posta Sistemi ve Görüntü Pipeline

Birincil Gmail API (OAuth2) ve SMTP yedek ile güvenilir teslimat sağlanır. Sharp görüntü pipeline'ı WebP formatında (85%% kalite) 4 boyut varyantı (1920w, 1200w, 800w, 400×300) üretir ve otomatik alt metin oluşturur.

SEO ve Yapay Zeka Görünürlüğü

CAFE Framework ile inşa edildi: SSR, Schema.org Vehicle markup, dinamik sitemap, yapay zeka crawler'ları için llms.txt ve tüm sayfalarda Open Graph meta etiketleri.

Teknik Altyapı

DigitalOcean VPS üzerinde Nginx (SSL, HTTP/2, gzip), PM2 cluster modu, UFW firewall ve Let's Encrypt ile deploy. Otomatik yedekleme: 6 saatte bir (7 gün saklama) + haftalık tam yedekleme.

Teknoloji Yığını

Next.js 14React 19TypeScript 5Tailwind CSS 3.4Radix UIZustand 5React Hook FormZodPrisma 5PostgreSQL 16NextAuth v5SharpGmail APINodemailerLucide IconsNginxPM2DigitalOceanLet's Encrypt
Creatys, modern bir araç abonelik platformu vizyonumuzu mükemmel bir şekilde hayata geçirdi. Dinamik fiyatlandırma, müşteri portalı ve admin paneli — her şey sorunsuz çalışıyor. Özellikle çift e-posta sistemi ve Sharp görüntü işleme, ekibin teknik derinliğini gösteriyor.
Emre Altınışık
Geschäftsführer, AutoFlat24

Kanıt: Deneyime Dayalı

Tüm veriler gerçek proje sonuçlarına ve birinci elden deneyime dayanmaktadır.

Kendi başarı hikayenize hazır mısınız?

İşinizi nasıl dönüştürebileceğimizi keşfedin.

Analizi Başlat