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 und KI-SichtbarkeitNextAuth 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 yedi katmanlı yöntemimiz 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
  • yedi katmanlı yöntemimiz: 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üğü

yedi katmanlı yöntemimiz 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

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