Über uns

“Fußball-Tippspiele gibt es viele. Doch nur die wenigsten beschränken sich auf das Nötigste, und sind leider allzu oft überladen und daher schlecht zu bedienen.” Aus diesem Gedanken heraus entstand Mitte 2014, kurz nach Ende der WM und nach Nutzung eines aus unserer Sicht schlecht zu bedienenden Tippspiels, der erste Gedanke zur Erstellung des kostenlosen Online-Tippspiels Soccerio.

Unsere Aufgaben und Ziele waren:

· Einfach zu bedienendes System, egal ob vorher bereits ein Tippspiel genutzt wurde oder nicht.

· Registrierung ermöglichen von jeder Stelle binnen 10 Sekunden + Führung des Nutzers durch den Registrierungs-Prozess bis nach der ersten Anmeldung und während der gesamten Nutzungsdauer durch Call-To-Actions, einfache Menüführung und Minimalismus.

· Ein Design zu entwickeln, das alle nötigen Infos zum eigenen Konto, dem aktuellen Tippspiel und dem eigenen Stand im Tippspiel in einer klaren, einfachen und strukturierten Oberfläche vereint.

· Automatisierter Abgleich aller Tippspiel-Daten (Spieltage, Spiel-Austragungs-Orte, Ergebnisse, Torschützen, Beschreibungen) durch die freie Datenbank OpenLigaDB

· Automatisierte Berechnung der Punkte, Highscores und Daten aufgrund vorher festgelegter Events (bspw. sobald Ergebnisse aus der OpenLigaDB automatisiert eingetragen wurden).

· Verwendung möglichst weniger klassischer Bild-Ressourcen und Fokus auf modernen Technologien wie SVG, CSS3 und HTML5, um auch Retina- und High Density-Devices zu unterstützen

· Mehrsprachigkeit und Multi-Domain-System

· Ausloten des technisch Möglichen seitens Contao und diverser Webtechnologien

Entstanden ist ein klar strukturiertes, einfach zu verstehendes und suchmaschinenoptimiertes Tippspiel, das mehrsprachig sowohl unter soccerio.de als auch soccerio.com erreichbar ist. Das Projekt demonstriert die Erweiterbarkeit des Contao CMS.

Prinzipien der Gestaltung des Webseitenauftritts sind der moderne, am Flat Design orientierte Stil, ein modularer Aufbau und eine inhaltsbasierte Navigation, die eine spielerische Erschließung der Inhalte ermöglicht. Nutzer und Interessenten sollen gewünschte Informationen und Aktionen möglichst schnell und ohne Umwege finden und auf weiterführende Inhalte direkt zugreifen können (Content-in-Context). Dazu wurden bekannte interaktive Elemente wie Tabs, Slider und Dropout-Elemente kombiniert. Um den Registrierungs- und Login-Prozess so einfach wie möglich zu gestalten, wurde eine eigene Erweiterung für das System entwickelt, mittels derer man sich binnen weniger Sekunden von jeder Seite aus sowohl über Facebook und Google als auch über die klassische E-Mail-/Passwort-Kombi anmelden kann.

Um den Tippern auch die Möglichkeit zu geben, Freunden und Bekannten ihre Tipps mitteilen zu können, wurde zudem während des Tipp-Vorgangs auf eine Facebook-Integration gesetzt. Dazu wurden eigene “Social Graph Stories” auf Facebook’s Plattform erstellt, die mit einem Klick aus dem Tippspiel heraus an die eigene Pinnwand geschickt werden können. Auf diese Weise tritt der Tipper in Interaktion mit seinen Freunden auf Facebook, und kann so optimalerweise weitere Freunde heranholen, gegen die/mit denen er tippen kann.

Um weiters die Nutzer an das System zu binden, wurde ein queue-basiertes E-Mail-System entwickelt, das anhand diverser Metriken E-Mails in Blöcken versendet, die entweder anhand eines Events ausgelöst werden (Hooks), wiederholt oder einmalig laufen. Das E-Mail-System beinhaltet zudem eine integrierte Priorisierung, sodass wichtige E-Mails in der Queue höher eingeordnet werden als unwichtigere E-Mails, und so zeitkritische oder aktuellere E-Mail-Benachrichtigungen schneller an die Tipper rausgehen. Beispielsweise werden über das eigens entwickelte E-Mail-System wöchentliche Tipp-Benachrichtigungen an alle Tipper verschickt, sobald ein neuer Spieltag in einer der Tippspiel-Ligen vorhanden ist. Die Tipper können in ihrem Profil einstellen, welche der E-Mails sie erhalten möchten.

Auch die Unterstützung mobiler Geräte stand von Beginn an auf der Agenda. Neben einem klaren responsive Design, das sich flexibel an die Gerätegröße anpasst und auf Basis vom Framework Bootstrap entstanden ist, wurden auch alle Flaggen-Grafiken der diversen Teilnehmerländer des EM2016-Tippspiels statt mit klassischen Grafiken mittels SVG umgesetzt.

Aufgrund der fehlenden nativen Möglichkeit von Contao, eigene Taxonomien (in diesem Fall die Struktur und Hierarchie der Tippspiele: Tippspiel > Gruppe/Spieltag > Austragungsort > Spiel-Austragung) auf DCA-Basis mehrsprachig zu entwickeln, wurde die Extension DC Multilingual verwendet und angepasst; diese Anpassungen wurden auch an den Extension-Entwickler auf Github weitergegeben, sodass auch andere DC Multilingual-Nutzer von den Anpassungen profitieren konnten.

In der jetzigen Fassung dient Soccerio als Grundstein für zukünftige Vorhaben. Die Basis Contao ermöglicht uns die kontinuierliche Erweiterung und Verbesserung des Systems wie z.B. native Mobile-Apps mit Contao-Anbindung und die Portierung auf Contao 4.