All Success Stories
Experience-Based
Automobilhandel / Auto-AboAlmanya Featured

AutoFlat24.de

AutoFlat24.de — Full-Stack Car Subscription Platform for the German Market

Duration: 2025 Q1
Team Size: 2
Visit Website

Results

9
Admin Modules
3
Booking Steps
5
Price Dimensions
4
Image Variants
6
Status Workflow Steps
5
Email Types
Duration: 2025 Q1
Team Size: 2
Services: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

Challenge

The German car subscription market is growing rapidly, yet most providers still rely on outdated processes: manual pricing, confusing vehicle catalogs, and time-consuming booking via phone or email. At the same time, both private customers (incl. VAT) and business customers (excl. VAT) expect transparent pricing.

AutoFlat24 needed a modern e-commerce platform that digitizes the entire car subscription process — from vehicle search through dynamic price configuration (duration × mileage package) to complete booking. Additionally, a comprehensive admin panel was required to manage the entire vehicle inventory, customer inquiries, and business processes.

Our Solution

We built AutoFlat24.de as a modern full-stack e-commerce platform from scratch: Next.js 14 with App Router, a dynamic pricing configuration system with Private/Business toggle, a 3-step booking wizard, a customer portal with dashboard, 9 admin modules for complete business control, a dual email system (Gmail API + SMTP fallback), a Sharp-based image processing pipeline for WebP optimization, and integration of the CAFE Framework for maximum AI visibility.

Car Subscription E-Commerce — From Vehicle Search to Booking

AutoFlat24.de is a complete e-commerce platform for the German car subscription market. Instead of lengthy negotiations at dealerships, customers can configure their desired vehicle online, calculate the price in real-time, and book in 3 steps — as private or business customers.

Dynamic Price Configuration — Private vs. Business

The heart of the platform is the dynamic price configurator. A global Private/Business toggle instantly changes all displayed prices:

  • Private: All prices including VAT — transparent end prices for consumers
  • Business: All prices excluding VAT — tax advantage for companies

Prices are dynamically calculated based on duration (6, 12, 18, 24, 36 months) and mileage package (500–3,000 km/month). Each combination yields an individual monthly price.

Vehicle Catalog with Model Family Grouping

The vehicle catalog at /alle-fahrzeuge offers extensive filtering:

  • Brand filter: BMW, Mercedes, Audi, VW, Skoda and more
  • Type filter: SUV, Sedan, Estate, Electric
  • Price filter: Monthly price range
  • Fuel filter: Petrol, Diesel, Electric, Hybrid
  • Model Family Grouping: Variants of the same model are grouped with "X variants available" badge

Vehicle Detail Page with Price Calculator

Each vehicle page at /fahrzeug/[slug] features:

  • Image gallery: Thumbnail navigation, lightbox mode, keyboard support
  • Interactive price calculator: Duration × mileage package → instant price display
  • Technical specs: Engine, consumption, dimensions, equipment
  • Variants: Other versions of the same model family
  • Similar vehicles: Other models from the same brand
  • Schema.org Product Markup: Structured data for search engines

3-Step Booking Wizard

The booking process has been reduced to 3 simple steps:

  1. Configuration: Select duration, mileage package, Private/Business
  2. Delivery address: Enter street, city, postal code
  3. Personal details: Name, email, phone + privacy consent

Customer Portal

Registered customers get access to a dashboard with active subscriptions, booking history, notifications and profile management at /konto.

Admin Panel — 9 Modules for Complete Control

The dark-themed admin panel with DE/EN language support includes: Dashboard, Vehicle Management (4-tab form, soft delete, orphan management), Request Management (6-step status workflow), Customer Management, User Management (ADMIN/STAFF roles), Categories (brands, types, fuels), Email System (logs + templates), Settings and CAFE Framework.

Dual Email System & Image Pipeline

Primary Gmail API (OAuth2) with SMTP fallback ensures reliable delivery. The Sharp image pipeline generates 4 size variants (1920w, 1200w, 800w, 400×300) in WebP format (85% quality) with automatic alt text generation.

SEO & AI Visibility

Built with the CAFE Framework: SSR, Schema.org Vehicle markup, dynamic sitemap, llms.txt for AI crawlers, and Open Graph meta tags on all pages.

Technical Infrastructure

Deployed on DigitalOcean VPS with Nginx (SSL, HTTP/2, gzip), PM2 cluster mode, UFW firewall and Let's Encrypt. Automated backup: every 6 hours (7-day retention) + weekly full backup.

Tech Stack

Next.js 14React 19TypeScript 5Tailwind CSS 3.4Radix UIZustand 5React Hook FormZodPrisma 5PostgreSQL 16NextAuth v5SharpGmail APINodemailerLucide IconsNginxPM2DigitalOceanLet's Encrypt
Creatys perfectly implemented our vision of a modern car subscription platform. The dynamic pricing, customer portal and admin panel — everything works seamlessly. The dual email system and Sharp image processing in particular demonstrate the team's technical depth.
Emre Altınışık
Geschäftsführer, AutoFlat24

Evidence: Experience-Based

All data is based on actual project results and first-hand experience.

Ready for your success story?

Discover how we can transform your business too.

Start Analysis