Case Study: Vom YouTube-Kanal zu Shop und Buchungen. Die Website der Marke FLAT OUT
FLAT OUT ist eine Motorsport-Marke mit einem YouTube-Kanal von über 32.000 Abonnenten. Statt eines fertigen Themes haben wir ein individuelles WordPress-Theme, einen WooCommerce-Shop mit Przelewy24, Amelia-Buchungen, einen Blog mit Lightbox-Videos und Zähler aus der YouTube-API gebaut. Lighthouse: Performance 99 auf Desktop und 95 mobil, SEO und Best Practices 100.
FLAT OUT ist die Motorsport-Marke von Marcin Radecki: der YouTube-Kanal „radzio FLAT OUT“ mit über 32.000 Abonnenten und mehr als 500 Videos, dazu Fahrtechniktraining, Consulting und Autovermietung. Marcin ist Rallyefahrer, Sportfahrlehrer und Ingenieur für Fahrzeuge der GT3-Klasse. Wer ein Video gesehen hat, möchte jetzt ein T-Shirt kaufen, eine Beratung buchen oder einen Trainingstermin reservieren. Ein fertiges Theme mit einem Dutzend Plugins schafft diesen Weg nicht, deshalb haben wir es durch ein individuelles WordPress-Theme mit eigenen Editor-Blöcken und einen WooCommerce-Shop ersetzt.
Die Aufgabe: YouTube-Zuschauer zu Kunden machen, ohne die Marke zu verlassen
Es gab vier Ziele, und jedes wurde zu einem konkreten Baustein des Systems:
⛔ MYTHOS: „Für Blog, Shop und Buchungen reichen ein fertiges Theme und ein Page Builder“ 🚫
REALITÄT: Ein Page Builder und ein Dutzend Plugins bedeuten Hunderte Kilobyte Code auf jeder Seite und das Risiko, dass ein WooCommerce-Update mitten in der Saison den Warenkorb zerlegt. Bei FLAT OUT liegt die gesamte Logik für Aussehen und Verhalten in einem eigenen Theme. Updates von WordPress und WooCommerce überschreiben sie nicht, und der Kunde bearbeitet Inhalte im nativen Gutenberg-Editor.
Systemarchitektur: was wir gebaut haben ⚙️
Die Website flatout.pl läuft auf WordPress mit einem von Grund auf geschriebenen Theme, ohne Page Builder. Die wichtigsten Elemente:
- Eigene Editor-Blöcke: Hero, Zähler, Sektionen und Zeitleiste haben eigene Gutenberg-Panels (Inhalt und Überschriften, Hintergrund und Medien, Zähler, Timeline). Der Kunde ändert Texte und Fotos live auf der Arbeitsfläche, ohne Code anzufassen.
- Startseite als Navigator: Ein Menü mit dynamischem Scrollspy führt durch TRAINING, CONSULTING, AUTOVERMIETUNG, ÜBER MICH, WISSEN und FEDERNRECHNER, daneben stehen Shop- und Warenkorb-Schaltflächen. Die rote Unterstreichung folgt dem Scrollen fließend.
- YouTube-Zähler aus einer Quelle: Abonnenten, Videoanzahl und Aufrufe kommen aus der YouTube Data API und erscheinen identisch in Header, Footer und Hero. Die Werte werden 6 Stunden gecacht, und fällt die API aus, zeigt die Seite den letzten guten Wert. Ein Sicherungsschalter pausiert neue Anfragen für 15 Minuten, und der Administrator sieht im Dashboard einen Hinweis mit der Ursache.
- Blog mit Lightbox-Videos: Vorschaubilder im Format 16:10, ein YouTube-Player, der über dem Inhalt öffnet, und ein Play-Symbol auf der Beitragskachel.
- WooCommerce-Shop mit eigenen Templates: Warenkorb, Kasse und Kundenkonto haben eigene Ansichten und einen dreistufigen Stepper (Warenkorb, Lieferung und Zahlung, Bestätigung). Zahlungen laufen über Przelewy24: BLIK, Sofortüberweisung und Karten.
- Buchungen: der Amelia-Kalender auf den Seiten für Beratung und Trainingstermine, integriert in WooCommerce.
- Markengeschichte: eine Chronik mit 22 Ereignissen von 1990 bis 2026 und 18 Archivfotos, dazu sieben Meilensteine mit Hover-Effekt auf der Startseite.
- Analytics im eigenen Dashboard: Ein Besuchszähler mit 15-Minuten-Deduplizierung zeigt Aufrufe heute, in 7 und 30 Tagen, die Geräteverteilung und die letzten 50 Besuche. Daneben läuft Google Site Kit mit GA4.
- Compliance und SEO: Verwaltung der Cookie-Einwilligungen, vollständige Rechtstexte (AGB, DSGVO-Datenschutzerklärung, Cookies, Rückgabe und Reklamation) und von Hand gesetzte Meta-Titel und Beschreibungen für 14 Seiten in The SEO Framework.
🎯 Nutzen für Creator und Markeninhaber:
Die Website ist keine Visitenkarte des Kanals, sondern die zweite Hälfte des Geschäfts. Zuschauer kommen in wenigen Klicks vom Video zum Beitrag und vom Beitrag zu Shop oder Kalender, während der Inhaber Inhalte selbst pflegt und in einem Dashboard sieht, was funktioniert.
Performance und Betrieb: harte Daten aus dem Rollout 📊
Nach dem Deployment auf den Produktionsserver (LiteSpeed, PHP 8.3, HTTPS) haben wir die Umgebung optimiert und die Wirkung am 3. September 2026 gemessen. Später haben wir die fertige Website mit Lighthouse 13.6 geprüft (6. November 2026):
- Lighthouse, Desktop: Performance 99, Accessibility 97, Best Practices 100, SEO 100. LCP 0,9 s, Total Blocking Time 0 ms, CLS 0,01.
- Lighthouse, Mobil: Performance 95, Accessibility 97, Best Practices 100, SEO 100. Total Blocking Time 60 ms, CLS 0.
- Antwortzeit der Startseite: von 2,94 s auf 0,46 s (etwa 84 % schneller).
- Datenmenge der Startseite: von 101 KB auf 25,9 KB dank GZIP-Kompression (etwa 75 % weniger).
- Datenbank: abgelaufene Transients und Logs bereinigt, alle 57 Tabellen optimiert.
- Cache: statischer Seiten-Cache und lange Cache-Header für Schriften, Bilder, CSS und JS.
- Update-Sicherheit: der gesamte Code für das Erscheinungsbild liegt im Theme, daher überschreiben WordPress- und WooCommerce-Updates ihn nicht.
Haben Sie einen Kanal, eine Marke oder ein Angebot, das Ihre Website nicht mehr abbilden kann?
Sprechen wir über Theme, Shop und Buchungen, die für Ihr Geschäft entworfen sind. Ohne schwere Templates und ohne überflüssige Plugins.
KOSTENLOSE BERATUNG VEREINBAREN →Die Live-Website: flatout.pl, unsere Onlineshop-Leistungen oder weitere Projekte im MGSupport-Portfolio.
Häufig gestellte Fragen
- Warum ist ein individuelles Theme für eine Marke mit YouTube-Kanal besser als ein fertiges Page-Builder-Template?
- Ein Page Builder und ein Dutzend Plugins fügen jeder Seite Hunderte Kilobyte Code hinzu und erhöhen das Ausfallrisiko nach Updates. Ein individuelles Theme enthält nur, was die Marke braucht, und Updates von WordPress und WooCommerce überschreiben es nicht.
- Wie gelangt ein YouTube-Zuschauer zum Shop oder zur Buchung?
- Header, Blog mit Lightbox-Videos und die Sektionen der Startseite führen in wenigen Klicks zu Shop, Beratung und Buchungskalender. Zahlungen laufen über Przelewy24 (BLIK, Sofortüberweisung, Karten), Termine werden im Amelia-Kalender gebucht.
- Was passiert mit den YouTube-Zählern, wenn die API nicht antwortet?
- Die Seite zeigt den letzten guten Wert aus der API, und ein Sicherungsschalter pausiert neue Anfragen für 15 Minuten. Der Administrator sieht im Dashboard einen Hinweis mit der Ursache, sodass die Zahlen auf der Seite weder verschwinden noch auf Platzhalterwerte springen.
- Kann der Markeninhaber Inhalte selbst bearbeiten?
- Ja. Hero, Zähler, Sektionen und Zeitleiste haben eigene Panels im Gutenberg-Editor, sodass Texte und Fotos live geändert werden, ohne Entwickler und ohne Code anzufassen.
Michał Grycz
Software-Ingenieur und Gründer von MGSupport. Konzipiert und entwickelt performante Web-Systeme, E-Commerce und Automatisierungen.