← Zurück zum Portfolio
PlayersHUB.de
Web

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.

Zur Website →

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.

Bereit für den nächsten digitalen Schritt?

Ob neue Webseite, KI-Workflow oder Dashboard: Rufen Sie an oder schreiben Sie mir – im kostenlosen Erstgespräch klären wir Ihre Ziele und was sich für Ihren Betrieb wirklich lohnt.

Oder erst einmal: Webseite kostenlos prüfen lassen →