Projekte / Webdesign
Sechs Websites, eine Struktur.
Produkt-Websites für sechs Branchen, jede mit eigener Farbwelt, alle auf demselben Fundament: Landingpage, geschützter Käuferbereich, vollständige Rechtstexte und automatische Freischaltung nach dem Kauf.
- Leistung
- Konzept, Gestaltung, Umsetzung
- Art
- sechs Produkt-Websites mit Käuferbereich
- Technik
- statisches HTML, Vercel Edge Middleware, Digistore24-Schnittstelle
- Live
- handwerk · gesundheit · immobilien · grundschule · pflege · tiere
01 · Ausgangslage
Sechs Produkte, sechs Zielgruppen
Sechs digitale Produkte für sechs Branchen, vom Handwerksbetrieb bis zur Tierarztpraxis. Jedes braucht eine Verkaufsseite mit eigener Ansprache und einen Bereich, der nur Käuferinnen und Käufern offensteht.
Sechs getrennte Einzelprojekte hätten sechsfache Pflege bedeutet: jede Verbesserung, jede Rechtsänderung, jeder Fehler sechsmal.
02 · Aufgabe
Was das Fundament leisten musste
- Eine Struktur, die sich für jede Branche eigenständig einkleiden lässt.
- Freischaltung ohne Handarbeit: Wer kauft, kommt sofort hinein, wer erstattet, verliert den Zugang wieder.
- Inhalte wirklich schützen, nicht nur verstecken, einschließlich Daten-Dateien und Videos.
- Vollständige Rechtstexte und sorgfältig formulierte Werbeaussagen für jede Branche.
- Schnell auf jedem Gerät, ohne Build-Kette und ohne Abhängigkeiten, die veralten.
03 · Lösung
Ein Aufbau, sechs Gesichter
Alle sechs Websites teilen denselben Aufbau: Landingpage mit Live-Demo, Zugangsseite, Käuferbereich mit Vorlagen-Bibliothek, interaktivem Handbuch und Videokurs, dazu die vier Rechtsseiten. Farben, Schriften, Bildsprache und Ansprache sind je Branche eigenständig.
Je nach Kit enthält der Käuferbereich zwischen 107 und 120 Vorlagen, 12 bis 15 Handbuchkapitel und 10 bis 12 Videos. Drei Kits haben zusätzlich ein eigenes Prüfwerkzeug, das Texte auf typische Risikobegriffe ihrer Branche durchsieht.
Nach dem Kauf über Digistore24 öffnet sich der Käuferbereich automatisch: Die Seite prüft Bestellnummer und Lizenzschlüssel live und merkt sich den Zugang auf dem Gerät. Erstattete Käufe erkennt die tägliche Nachprüfung, der Zugang erlischt.
Bilder und Filme der Websites KI-generiert. Preisangaben für die Abbildung ausgeblendet.
04 · Technik
Schutz, der vor der Auslieferung greift
- Grundlage
- statisches HTML, CSS und JavaScript ohne Build, gehostet bei Vercel
- Zugangsschutz
- Edge Middleware prüft vor jeder Auslieferung geschützter Seiten, Daten-Dateien und Videos ein signiertes Zugangs-Cookie (HMAC-SHA256); ohne gültigen Zugang leiten Seiten zur Anmeldung, Dateien antworten mit 403
- Lizenzprüfung
- Serverfunktionen fragen Bestellnummer und Lizenzschlüssel live bei Digistore24 ab, einschließlich der Zuordnung zum richtigen Kit; Nachprüfung alle 24 Stunden
- Wieder-Freischaltung
- geht das Cookie verloren, schaltet die Zugangsseite mit den auf dem Gerät gemerkten Daten automatisch neu frei
- Gestaltung
- je Kit eigene Farben und Schriftpaare, alle Schriften selbst gehostet
- Recht
- Impressum, Datenschutz, Nutzungsbedingungen und Widerrufsinformation auf jeder Seite, KI-Kennzeichnung nach Art. 50 KI-Verordnung, feste Sprachregeln für Werbeaussagen
- Auffindbarkeit
- strukturierte Daten zu Produkt und häufigen Fragen, robots.txt mit erlaubten KI-Crawlern und gesperrtem Käuferbereich, llms.txt, Sitemap, cookielose Reichweitenmessung
05 · Worauf es ankam
Ein Fundament, das alle trägt
Jede Verbesserung am Fundament kommt allen sechs Websites zugute, ohne dass eine von ihnen austauschbar wirkt.