Referenz
Eigenes Projekt, kein Kundenauftrag
Eternal Synergy: E-Sport-Plattform mit Statistiken und Teamportal
Eternal Synergy ist meine eigene E-Sport-Organisation, ich bin dort Teammanager. Die Website und die Plattform dahinter habe ich selbst gebaut, und ich betreibe sie seit Jahren. Auf dieser Seite siehst du, was drinsteckt und was davon in einem Kundenportal oder Dashboard für deinen Betrieb genauso arbeiten würde.
Ich bin Dominik Reuting, Webentwickler aus Paderborn. Mehr über mich
01Ausgangslage
Früher von Hand,
heute von selbst
Die Seite eines Teams ist nur so gut wie ihr Stand. Wer spielt mit, wann ist das nächste Spiel, wie ging das letzte aus?
Ausgangslage
Früher wurden die Ergebnisse von Hand nachgetragen. Das kostet nach jedem Spiel Zeit, und sobald es einmal liegen bleibt, zeigt die Seite einen alten Stand.
Dasselbe Problem hat jede Website mit wechselnden Inhalten, ob Öffnungszeiten, Termine oder Preise.
Ziel
Die Seite sollte sich selbst aktuell halten und dem Team die Abstimmung abnehmen.
Heute holt sie Statistiken und Ergebnisse automatisch von FACEIT, der Plattform, auf der das Team seine Spiele austrägt. Die Spieler tragen ihre Verfügbarkeit im eigenen Portal ein und stimmen dort über Match-Termine ab.
Warum ich ein eigenes Projekt zeige
Kundenprojekte zeige ich erst, wenn die Kunden zugestimmt haben. Dieses Projekt gehört mir, deshalb kann ich es ganz offenlegen.
Dazu kommt, dass ich die Plattform seit Jahren selbst betreibe und weiterentwickle. Was ich beim Bauen entscheide, muss ich danach im Betrieb selbst ausbaden.
02Was gebaut wurde
Fünf Bausteine,
jeder übertragbar
Unter jedem Baustein steht, was er in einem Betrieb wie deinem wäre.
Statistiken, die sich selbst aktualisieren
Zu jedem Spieler zeigt die Seite Level, Elo, K/D, Kopfschussquote, Siegquote und die Form der letzten fünf Spiele. Die Werte kommen von FACEIT.
Ein Abgleich im Hintergrund holt sie ab, und unter jeder Karte steht, wie viele Minuten der Stand alt ist.
In deinem Betrieb
Das ist eine Schnittstelle, die Abtippen erspart. Bei dir wären es Lagerbestände, Termine oder Preise, die aus einem Programm, das du schon nutzt, auf die Website oder in ein Dashboard laufen.
Statistikkarten, Ausschnitt ohne Namen Spielplan und Ergebnistabelle
Der Spielplan zeigt die kommenden Begegnungen. Die Tabelle darunter führt zu jedem gespielten Match Datum, Wettbewerb, Gegner, Maps und Ergebnis und verweist in den Match Room bei FACEIT.
Genau diese Zeilen wurden früher von Hand nachgetragen. Heute füllt sich die Tabelle selbst.
In deinem Betrieb
Dasselbe Prinzip trägt einen Veranstaltungskalender, eine Liste freier Termine oder eine Auftragsübersicht, die den Stand deines Systems zeigt, ohne dass jemand sie pflegt.
Ergebnistabelle, Gegner unkenntlich gemacht Spielerportal mit Verfügbarkeiten und Match-Abstimmung
Spieler kommen über einen Einladungslink ins Portal und legen Nickname und Passwort selbst fest. Danach tragen sie ein, an welchen Tagen sie spielen können, und stimmen über vorgeschlagene Match-Termine ab.
Das Portal liegt hinter dem Login. Zeigen kann ich deshalb nur die Anmeldung.
In deinem Betrieb
In einem Betrieb ist das ein Kundenportal mit Terminabstimmung. Deine Kunden melden sich an, sehen ihre Vorgänge und bestätigen Termine, und du musst dafür nicht mehr hinterhertelefonieren.
Anmeldung zum Spielerportal Media Kit zum Herunterladen
Wer über das Team berichtet oder Partner werden will, findet an einer Stelle die Logos für hellen und dunklen Grund, die Markenfarben mit ihren Farbwerten und die Regeln für die Verwendung.
In deinem Betrieb
Bei dir wäre das ein Download-Bereich für Preislisten, Formulare, Datenblätter oder Pressematerial. Wer etwas braucht, lädt es selbst herunter, statt dich darum zu bitten.
Media Kit mit Logos und Markenfarben Kontakt in drei Schritten
Das Formular fragt zuerst, worum es geht. Zur Wahl stehen Bewerben, Partnerschaft, Presse und Allgemein. Danach folgen die Angaben zur Person und die Nachricht, und die Anfrage landet gleich im richtigen Bereich.
In deinem Betrieb
In deinem Betrieb kämen Anfragen vorsortiert an, etwa getrennt nach Angebot, Reklamation und Bewerbung. Der Projektrechner auf dieser Website arbeitet nach demselben Muster.
Kontaktformular, erster Schritt
Alles Öffentliche kannst du selbst prüfen
Statistiken, Spielplan, Media Kit und Kontaktformular stehen offen im Netz. Öffne die Seite und klick dich durch.
03Technik
Die Technik,
kurz erklärt
- Die OberflächeAngular
- Alles, was du im Browser siehst und anklickst, am Schreibtisch wie auf dem Handy. Angular ist ein verbreitetes Werkzeug von Google, das viele Entwickler beherrschen.
- Der Server dahinterLaravel mit PHP 8.4
- Hier liegen die Daten, und hier wird entschieden, wer sich anmelden darf und wer was sieht. Auch der Abgleich mit FACEIT läuft hier im Hintergrund.
- Das SicherheitsnetzAutomatische Prüfungen
- Bevor eine Änderung online geht, laufen Tests und Prüfungen von selbst durch. Viele Fehler fallen so auf, bevor sie ein Besucher sieht.
- Die AuslieferungDocker-Abbilder
- Die Anwendung wird als fertiges Paket verpackt, das auf jedem üblichen Server gleich läuft. Ein Umzug zu einem anderen Anbieter bleibt möglich.
04Übertragen
Was davon in deinem
Projekt stecken könnte
Mit E-Sport hat dein Betrieb vermutlich nichts zu tun. Die Bausteine passen trotzdem, hier an drei typischen Vorhaben gezeigt.
Kundenportal
Deine Kunden melden sich per Einladung an, sehen ihre Vorgänge und stimmen Termine mit dir ab. Du vergibst Rollen und entscheidest, wer was sehen darf.
Wie bei Eternal SynergySpielerportal mit Verfügbarkeiten und Match-Abstimmung
Dashboard mit Schnittstelle
Zahlen aus einem Programm, das du schon nutzt, werden automatisch abgeholt und mit Zeitstempel angezeigt. Niemand tippt sie ab.
Wie bei Eternal SynergyStatistiken und Ergebnisse von FACEIT
Website mit Download-Bereich und Anfrageformular
Unterlagen liegen zum Herunterladen bereit, und das Formular sortiert Anfragen vor, bevor sie bei dir ankommen.
Wie bei Eternal SynergyMedia Kit und Kontakt in drei Schritten
Beschreib mir, was dein Betrieb braucht
Im Projektrechner grenzt du dein Vorhaben mit ein paar Fragen ein und siehst sofort einen Startpreis. Ich melde mich in der Regel innerhalb eines Werktags persönlich bei dir.
Startpreis berechnenKostenlos und unverbindlich.