
PlayersHUB.de
Umfassende technische Begleitung der Gaming-Coaching-Plattform: Design, Buchungssystem, WooCommerce, Webserver-Migration, eigene WordPress-Plugins und HUBAcademy mit Champion Guides.
Zur Website →Über das Projekt
PlayersHUB ist eine Plattform für Gaming-Coaching (League of Legends, TFT, CS2, Final Fantasy XIV) mit Buchungssystem, Coach-Verwaltung, HUBCamps und der HUBAcademy mit Kursen und Champion Guides. Ich habe das Projekt über einen langen Zeitraum technisch begleitet – von ersten Designentwürfen und Soll/Ist-Abgleich über Buchungs- und Zahlungsprozesse (Bookly, WooCommerce), eigene WordPress-Plugins (Coach-Bezahlung, Academy-Widgets) bis zum Aufbau der Academy mit Riot-API/Data-Dragon-Anbindung, Integrationen (ActiveCampaign, Pipedrive, Zapier, Calendly) und laufender Wartung.
Design & Konzeption
- Design des ersten Entwurfs, Vorstellung des Designentwurfs & Absprache
- Design Coachingauswahl (mehrere Varianten) inkl. Konkurrenzvergleich
- Mobile-View designed und erste Anpassungen in der Entwicklung
- Design Overlay PlayersHUB, Anpassung Startseite playershub.de
- Entwurf neuer playershub.de Seiten sowie Admin-Login
- Abgleich Soll- und Ist-Zustand in mehreren Gesprächen mit dem Team
- Neue WordPress-Webseite aus Figma-Design inkl. Absprache und Anpassungen
Coaching-Bereich & Buchung
- Recherche und Entwicklung des Coaching-Bereichs
- Recherche zu Calendly, SimplyBook.me und Tidycal inkl. Anbindung und Anpassung
- Einbindung und Anpassung von Bookly (Buchungsformulare, HUBCamps, Mitarbeiter-Reihenfolge, Gutscheine)
- Entwicklung Gameauswahl und Coaching-Auswahl
- Coach-Kalender entwickelt (WooCommerce-angebunden, Drag & Drop, Riot-API-Anbindung)
- Buchungsabläufe, Zeitslots und Kalender-Optimierung (z. B. erste verfügbare Slots automatisch auswählen)
- Umbau Bookly-Formular für HUBCamps, Termin-Limitierung, Mitarbeiter-Sortierung
Login, Registrierung & Nutzerverwaltung
- Login via Google, E-Mail und Discord/Twitch
- Entwicklung Passwort-Reset, Registrierung und Rechteverwaltung (Admin, Coach, Nutzer)
- Nutzerverwaltung und Berechtigungen (Academy-Editor, Academy-Admin, Vendor-Rechte)
- Kundenfelder bei Checkout (Discordname, Elo, Profillink, Riot-ID, op.gg) inkl. Validierung und Auswertung
- Entwurf Admin-Login, Anpassung Registrierungsfelder und Gast-Bezahlung
Webserver & Infrastruktur
- Recherche Webserver inkl. Vergleich und Problemlösung
- Migration der Webserver (academy tft, academy lol, playershub.de), Aufsetzen von 1Password
- SSL/HSTS und Sicherheitsmaßnahmen für playershub.de
- Performance-Optimierungen (PHP 8.2 → 8.4, WooCommerce-Bestellungen in eigener Tabelle, Caching, WPRocket, .webp-Bilder)
WordPress-Seiten & Optik
- Optimierung playershub.de (WordPress) und lol.playershubacademy.de (u. a. Zapier-Bot)
- Neue WordPress-Webseite aus Figma-Design inkl. Absprache und Anpassungen
- HUBCamp-Seiten, Coach-werden-Seite, HUBFitness, Betreutes Spielen, Replay-Analyse
- Anpassungen Startseite, Coaching-Seite, Produktseiten und mobile Ansichten
- Lottie-Animationen, Navbar, Texte und Bewertungen (Discord statt Trustpilot)
- Elementor (Templates, Tabs, Connector), Fehlerbehebung und laufende Anpassungen
Coach-Bezahlung & WooCommerce
- Eigenes WordPress-Plugin für Coach-Bezahlung (Übersichten, Berechnungen, WooCommerce-Integration, Commission, Gebühren, Auszahlungsintervalle)
- Umstellung Buchungen/Verkäufe auf WooCommerce (Stripe, PayPal, Mollie, Klarna, PaySafeCard, Apple Pay / Google Pay)
- Geschenkgutscheine (Bookly → WooCommerce), Rabatte, Mengenrabatte, 10 % Academy-Rabatt
- Zahlungsoptionen, Gebühren je Zahlungsmethode (eigenes Gateway-Fee-Plugin), Rechnungsfelder, reCAPTCHA/Cloudflare Turnstile
- Product Vendors für Coach-Produkte, Commission-Berechnung, Vendor-Dashboard
- Gutscheine, Sofort-Checkout, Customer Fields bei Checkout
Academy (Kits, Kurse, Champion Guides)
- HUBAcademy: Kits, Kurse, Kursfragen, Abhängigkeitsgraphen, Elementor-Widgets (Kursvideo, Kursfragen, Kit-Übersicht, Netflix-Scroll)
- Fortschritts-Tracking (Kursvideos, Antworten), Schwierigkeit, Sichtbarkeit für Abo-Nutzer
- Champion Guides mit Riot-API / Data Dragon: automatische Erstellung, Runen, Items, Summoner Spells, Skill Order, Stärken/Schwächen, Synergien, Voicelines, mehrsprachig
- Itemization-, Fill-Items-, Stark-gegen-/Schwach-gegen-Widgets, Champion Stats, Champion Facts der Woche
- Ampelsystem für Kits/Kurse/Kursfragen, Analytics für Kursvideos und Antworten
- Paid Memberships Pro für Abos, Kursseiten-Integration
Integrationen & Marketing
- ActiveCampaign (Listen, Segmente, Tags, E-Mail-Templates, Formulare, Site Tracking, Pipedrive-Sync)
- Pipedrive, Zapier, Calendly (Verknüpfung, Fehlerbehebung, Weiterleitungen)
- Mailchimp, Tidio, Digistore (Anbindung, Felder)
- Google Tag Manager, Google Analytics, Google Merchant Center
- Bewertungs-Plugin, Bewertungen auf Übersichts- und Coach-Seiten
Support & Wartung
- Laufende Fehlerbehebung (Bookly, WooCommerce, Klarna, PayPal, Calendly, Mollie)
- Plugins aktualisieren, Backups (u. a. All-in-One Migration), Dokumentation (Notion)
- Abstimmung mit Axel, René, Coaches zu Anforderungen, Abnahme und weiteren Schritten
Fazit
Das Projekt vereint WordPress, WooCommerce, Bookly, Elementor, eigene Plugins (Coach-Bezahlung, Champion Guides, Academy-Widgets, Gateway-Gebühren) und zahlreiche Drittanbieter. Schwerpunkte: zuverlässiger Buchungs- und Zahlungsablauf, klare Coach- und Nutzerverwaltung, Academy mit Champion Guides sowie stabile Integrationen und Wartung.
Qualitätsprüfung
Die Webseite wird regelmäßig auf Performance, Barrierefreiheit und Best Practices geprüft – u. a. mit Google Lighthouse.
Die Werte sind je nach Seite, Gerät und Messzeitpunkt unterschiedlich – es geht nicht darum, überall 100/100/100/100 zu erreichen, sondern um eine solide Basis und gezielte Verbesserungen wo nötig.
Lighthouse-Bericht für dieses Projekt kann auf Wunsch ergänzt werden.
