Alle Referenzen

Ein Autovermittler, der seinen Bestand aus dem Chat pflegt

Der Auftritt für einen persönlichen Fahrzeugvermittler in Prag: Bestand aus der Datenbank, zwei Sprachen für einen Markt — und ein Fahrzeug, das per Telegram-Link online geht.

  • Webdesign
  • UX-Design
  • Frontend-Entwicklung
  • SEO
  • Performance
Rolle
Konzept, Design & Entwicklung: DeNitro
Umfang
4 Bereiche, 2 Sprachen, Bestand aus der Datenbank
Stack
Next.js, TypeScript, Postgres (Neon), Drizzle
[01] Ausgangslage

Cartur vermittelt Gebrauchtwagen zwischen Deutschland und Tschechien — Suche, Import, Verkauf, betrieben von einer Person in Prag. Der Bestand ist klein, wechselt aber ständig: Ein Fahrzeug ist ein paar Wochen im Angebot und dann weg.

Damit fällt die übliche Website-Antwort aus. Wer jedes Fahrzeug als gepflegte Unterseite anlegt, pflegt am Ende nichts — und ein Vermittler, der Autos besichtigt und überführt, sitzt nicht abends im Redaktionssystem.

Dazu kommt die Sprachlage des Marktes: Kunden sind tschechisch- und ukrainischsprachig, aber sie kaufen im selben Land, zum selben Preis, in Kč. Das ist kein klassisches Länder-Setup mit zwei Märkten, sondern ein Markt mit zwei Sprachen.

[02] Ansatz

Der Bestand gehört in eine Datenbank, nicht in Seiten. Drei Tabellen: die Fahrzeuge mit den Zahlen, die Beschreibungen je Sprache, die Bildergalerie mit den Maßen, die das Bild-Handling zum Vorausreservieren des Platzes braucht. Der Kilometerstand steht bewusst nicht in der Übersetzungstabelle — die tschechische und die ukrainische Anzeige beschreiben dasselbe Auto und dürfen sich über seine Zahlen nicht widersprechen.

Eine einzige Bedingung entscheidet über Sichtbarkeit: das Feld „published“. Sie hält ein halb eingetragenes Fahrzeug gleichzeitig aus dem Raster, aus der Sitemap und aus den strukturierten Daten — statt drei Stellen, die man einzeln vergessen kann.

Tschechisch läuft ohne Präfix auf der Wurzel, Ukrainisch unter /uk mit dem Sprachcode uk-CZ statt bloß uk: Es ist ukrainisch für Tschechien, und die Preise bleiben in beiden Sprachen in Kč.

Für die Gestaltung gilt ein enger Regelsatz, der im Repository festgeschrieben ist: keine Kleinlabels über Überschriften — was wichtig genug ist, gehört in die Überschrift — und genau eine rote Aktion pro Ansicht. Zwei rote Knöpfe nebeneinander, und keiner liest sich mehr als der nächste Schritt.

Fahrzeugbestand auf cartur.cz: ein BMW X3 M40i xDrive mit Fotogalerie, Preis in Kč und den technischen Eckdaten daneben.
Der Bestand: jede Zeile kommt aus der Datenbank statt aus einer gepflegten Unterseite — Preis, Kilometerstand, Baujahr, Kraftstoff, Getriebe und Antrieb liegen einmal als Zahlen vor und stehen in beiden Sprachen identisch da.
[03] Umsetzung

Vier Bereiche: Startseite, Fahrzeugbestand mit Detailseite je Auto, ein Ratgeber mit drei Kapiteln (Import aus Deutschland, was er kostet, wie man einen Gebrauchten vor dem Kauf prüft) und Kontakt. Die Ratgeberkapitel liegen als typisierte Daten im Code, nicht als Fließtext — Überschriftenhierarchie, Ankerpunkte und die Artikel-Auszeichnung sind damit ableitbar, ohne den Text auszuführen.

Suchmaschinen-Anforderungen sind Teil der Architektur, nicht ein Durchgang danach: Canonicals, der hreflang-Verbund beider Sprachen, statisches Rendern und die Fahrzeug-Auszeichnung als Car- und Offer-Knoten. Liste und Detailseite lesen denselben Knoten — ein Fahrzeug kann im Raster keinen anderen Preis behaupten als auf seiner eigenen Seite.

Eingestellt wird über Telegram. Der Inhaber schickt den Link eines Marktplatz-Inserats in den Chat; das Fahrzeug landet mitsamt Daten und Fotos in der Datenbank und geht mit der Freigabe live — Raster, Detailseite, Sitemap und strukturierte Daten in einem Schritt. Das ist der Teil, der den Auftritt überhaupt pflegbar macht: Der einzige Arbeitsschritt für den Betreiber ist das Einfügen eines Links.

Layout ohne feste Inhaltsbreite: Jeder Abschnitt ist ein vom Bildschirmrand eingerücktes Feld, die Seite skaliert mit dem Viewport, statt zwischen Haltepunkten zu springen. Für die Überschriften steht eine schmale Condensed-Schrift, für den Fließtext eine ruhige Grotesk — beide mit kyrillischem Schnitt, was hier Bedingung und nicht Geschmack ist: Dieselben Komponenten setzen Tschechisch und Ukrainisch.

Fahrzeug-Detailseite auf cartur.cz mit Bildergalerie, tschechischer Beschreibung, aufklappbaren Abschnitten und der Preiskarte mit Kaufaktion.
Die Fahrzeugseite dazu: zwölf Fotos aus derselben Galerie-Tabelle, die Beschreibung je Sprache, die Aufklapp-Abschnitte für Service, Ausstattung und technische Daten — und rechts die Preiskarte mit dem Status „Skladem“.
Automatisierung

Der Bot, mit dem der Bestand gepflegt wird

Der Teil des Projekts, der keine Webseite hat: Der Bestand wird nicht in einem Backend gepflegt, sondern in einem Telegram-Chat. Drei Bildschirme aus dem laufenden Betrieb.

  • Telegram-Chat mit dem Bot „Cartur Cars“: die Karte eines BMW X3 M40i xDrive mit Preis, Baujahr, Kilometerstand und Link auf die Fahrzeugseite, darunter Schaltflächen für Preis, Beschreibung, Status und „Von der Website verbergen“.
    Ein Fahrzeug im Bestand: 1 025 000 Kč, 2022, 92 890 km, 12 Fotos — und darunter die Aktionen, die es sonst ein Backend bräuchte. „Skladem“ ist der Status, „Na webu: ano“ heißt, dass die Seite live ist.
  • Derselbe Bot beim Anlegen eines Audi A4 40 Avant: alle Fahrzeugfelder als einzeln antippbare Schaltflächen, darüber die Meldung, dass alles ausgefüllt ist und veröffentlicht werden kann.
    Beim Anlegen führt der Bot durch die Felder — Marke, Modell, Baujahr, Kilometerstand, Preis, Kraftstoff, Getriebe, Karosserie, Ort. Steht alles, meldet er „Vše vyplněno — můžeš publikovat“: fertig zum Veröffentlichen.
  • Benachrichtigung im selben Chat über eine neue Bewertung auf der Website, mit Sternen, Fahrzeug und den Schaltflächen „Von der Website verbergen“ und „Alle Bewertungen“.
    Nicht nur Fahrzeuge: Geht auf der Website eine Bewertung ein, landet sie im selben Chat — sichtbar, bevor sie jemand sucht, und mit einer Schaltfläche, um sie im Zweifel wieder auszublenden.
Leistungsumfang

Was entstanden ist

Alles, was in Cartur steckt — konzipiert, gestaltet und gebaut von DeNitro.

  • Vier Bereiche: Start, Fahrzeugbestand, Ratgeber, Kontakt
  • Fahrzeugdatenbank mit getrennten Tabellen für Zahlen, Texte und Galerie
  • Fahrzeug-Detailseiten, aus der Datenbank vorgerendert
  • Zweisprachigkeit CS/UK für einen Markt inkl. hreflang-Verbund
  • Telegram-Anbindung zum Einstellen eines Fahrzeugs per Link
  • Freigabe-Logik: eine Bedingung für Raster, Sitemap und Markup
  • Ratgeber mit drei Kapiteln als typisiertes Inhaltsmodell
  • Car- und Offer-Auszeichnung inkl. Breadcrumb-Pfad
  • Bildpipeline mit Maßen und Blur-Platzhaltern

Was das ausmacht

Vier Punkte, an denen sich die Arbeit im Interface ablesen lässt. Zahlen zu Anfragen, Umsatz oder Rankings stehen hier bewusst nicht — Geschäftszahlen unserer Kunden veröffentlichen wir nicht.

Pflege ohne Redaktionssystem

Ein Fahrzeug geht über einen Link im Chat online. Der Betreiber öffnet dafür kein Backend.

Eine Bedingung, drei Wirkungen

„published“ hält ein unfertiges Auto gleichzeitig aus dem Raster, der Sitemap und den strukturierten Daten.

Zwei Sprachen, ein Bestand

Zahlen liegen einmal, Beschreibungen je Sprache — beide Anzeigen können sich über Kilometerstand oder Preis nicht widersprechen.

Statisch trotz wechselndem Bestand

Seiten werden aus der Datenbank vorgerendert und alle fünf Minuten aufgefrischt, statt bei jedem Aufruf zu rechnen.

Technik

Der Stack hinter Cartur — und die Entscheidungen, die uns wichtig genug waren, sie festzuhalten.

  • Next.js App Router mit TypeScript; Bestandsseiten werden aus der Datenbank vorgerendert und alle 300 Sekunden neu validiert.
  • Postgres bei Neon, angebunden über den Vercel Marketplace; Schema und Migrationen über Drizzle.
  • Drei Tabellen: Fahrzeugdaten, Übersetzungen je Sprache, geordnete Bildergalerie mit Breite, Höhe und Blur-Platzhalter.
  • Ein einziges Datenmodul kennt Tabellenform und UI-Form; jeder Lesezugriff filtert auf das Feld „published“.
  • Zweisprachigkeit über Routing ohne Präfix für Tschechisch, /uk für Ukrainisch mit hreflang uk-CZ und einer dauerhaften Weiterleitung vom überflüssigen /cs.
  • Strukturierte Daten als Car- und Offer-Knoten, von Liste und Detailseite geteilt.
“Mit den Jungs zu arbeiten war unkompliziert: schnell gemacht, sauber umgesetzt, und rausgekommen ist ein richtig gutes Produkt. Meinen Bestand pflege ich heute aus dem Chat — Foto rein, und das Auto ist online.”
ArturInhaber, Cartur

Wo verliert dein digitales Wachstum gerade Potenzial?

In 30 Minuten schauen wir uns an, wo Kunden dich heute finden, wo Potenzial verloren geht und welcher Hebel zuerst sinnvoll ist: Website, SEO & GEO, Conversion oder Automatisierung. Danach hast du einen klaren nächsten Schritt — auch wenn wir ihn nicht gemeinsam umsetzen.