K.02

TransHover

KUNDENARBEIT · LIVEE-Mobilität · Web & Shop

Web-Auftritt und Shop für elektrische Hoverboard-Anhänger: Konzept, Design, Entwicklung und Betrieb im Auftrag der TransHover GmbH.

KUNDE TransHover GmbH, Berlin
STACK Astro · TypeScript · Netlify
ZAHLUNG Mollie, serverseitig
SPRACHEN DE / EN
Live ansehen — transhover.com

AUFGABE

Ein neues, erklärungsbedürftiges Produkt braucht einen Auftritt, der drei Dinge gleichzeitig kann: die Marke zeigen, das Produkt verständlich machen und direkt verkaufen. Und das für genau ein Produkt. Fertige Shop-Systeme sind dafür ungeeignet: zu viel Plattform-Overhead, laufende Kosten und Template-Korsett für einen Ein-Produkt-Verkauf, der rechtssicher nach Button-Lösung und DSGVO laufen muss.

LÖSUNGSANSATZ

Komplette Eigenentwicklung der Shop-Lösung, exakt auf dieses eine Produkt zugeschnitten: eine statische Astro-Site mit gezielten Server-Endpoints. Schnelle, SEO-saubere Produktseiten, Konfiguration und Checkout ohne Umwege und serverseitige Preisberechnung, bei der der angezeigte Betrag garantiert der abgebuchte ist. Zahlungsabwicklung über Mollie, transaktionale Bestell-Mails, Inhaltspflege ohne Entwickler über ein Git-basiertes CMS.

HERAUSFORDERUNGEN

  • → Anzeige === Abbuchung: jeder Betrags-Baustein aus einer gemeinsamen Quelle für Client und Server (§ 312j BGB)
  • → Bot-Abwehr ohne Reibung für echte Kunden: Honeypot plus Rate-Limiting, IP-Adressen nur als Hash
  • → Content-Security-Policy mit Script-Hashes statt pauschaler Freigaben
  • → DSGVO ohne Consent-Banner: keine Tracker, personenbezogene Daten nur wo nötig und dokumentiert

ERGEBNIS

Live unter transhover.com: kaufbarer Shop in Deutsch und Englisch, ohne Cookie-Banner, mit gehärteten Security-Headern und dokumentiertem Datenfluss, von der ersten Skizze bis zum Go-Live aus einer Hand.

TECHNISCHE UMSETZUNG

  • → Astro + TypeScript, statisch generiert mit API-Endpoints auf Netlify
  • → Mollie-Zahlungsintegration: Webhook mit API-Gegenabruf und Idempotenz-Claim
  • → Ein Zod-Schema für Client- UND Server-Validierung, locale-abhängige Fehlertexte
  • → Rate-Limiting und Bestell-Store über Netlify Blobs, IPs nur als SHA-256-Hash
  • → CSP mit Script-Hashes, self-gehostete Fonts, transaktionale Mails via Resend

BESONDERHEIT

Sicherheit und Datenschutz als Qualitätsmerkmal statt Nachrüstung: serverseitiger Preis-Kernel, idempotente Zahlungs-Webhooks mit API-Gegenabruf, CSP per Hash. Ein Shop, der ganz ohne Tracking auskommt.

SKILLS IM PROJEKT

Web-Entwicklung (Astro/TS)Shop- & ZahlungsintegrationSecurity-HardeningDSGVO-UmsetzungUI/UX
NACHWEIS & ROLLEN

Produkt und Auftraggeber: TransHover GmbH. Meine Rolle: Konzept, Design, Entwicklung und Betrieb von Website und Shop sowie Produktvisualisierung für das Marketing. transhover.com ↗

▦ KRAUTLOS — SNAKE