CASE STUDY
TIPPDECKEL-APP
DAS INTERAKTIVE TIPP-SPIEL VON DER KREISLIGA BIS ZUR BUNDESLIGA
„HERZLICHEN DANK AN ALLE TIPPDECKELINVOLVIERTEN IN JENA :)“ Christian Büning, Tippdeckel
ÜBER DIE LANWEHR, LÜTKE HARMANN, GLASMACHER, BÜNING GBR Von “kicktipp” bis “ZDF-Tippcenter” - Tippspiele zu aktuellen Bundesliga- oder Champions League-Spielen sind bei Fußballfans äußerst beliebt. Der Markt für solche Anwendungen boomt entsprechend. Die gemeinsame App-Idee einer Tipp-Anwendung brachte auch die vier Köpfe hinter Tippdeckel zusammen.
FLYACTS GMBH EBERTSTRASSE 8 // 07743 JENA +49 3641 55 987 90 mail@flyacts.com www.flyacts.com
DAS PROJEKT WURDE UMGESETZT FÜR
1
CASE STUDY
SPIELKONZEPT
ANFORDERUNGEN
Mit der Tippdeckel-App ist eine neue Anwendung an den Start gegangen, die jedoch entscheidende Alleinstellungsmerkmale vorweist: Ob 1. Bundes- oder gar 1. Kreisliga - bei der Tippdeckel-App können Fans wirklich jede Fußballbegegnung tippen. Und so geht’s: Pro Spiel erstellt der Spielleiter einen neuen Tippdeckel. Er definiert sowohl Begegnung, Anstoßzeit und Datum als auch Einsätze. Jetzt kann der Deckelersteller seine Freunde bequem mit einem Link via Facebook, WhatsApp, SMS, Mail etc. einladen. Bis das Spiel tatsächlich beginnt, geben nun alle Spieler ihre Tipps ab. Während der Partie administriert der Spielleiter seinen Deckel und aktualisiert dabei den Spielstand. Ist das Spiel vorbei, pfeift der er seinen Deckel ab. Je nachdem, ob die Spieler die richtige Tendenz, die richtige Tordifferenz oder das exakte Ergebnis getippt haben, erhalten sie Punkte. Neben Treue- und Bonuspunkten fürs Mitspielen und Freunde einladen können die Spieler Trophäen sammeln - das erhöht das Suchtpotenzial und animiert zur weiteren Partizipation.
Das Spielkonzept der Tippdeckel-App basiert auf einer breiten Teilnehmer-Masse. Aus diesem Grund war ein bedeutender Aspekt, die App mittels Webtechnologien - und somit plattformübergreifend - umzusetzen. Die Tippdeckel-Initiatoren suchten darüber hinaus nach einer Agentur, die bereits Projekterfahrungen mit den Frameworks AngularJS und Ionic besitzt. FLYACTS hat sich von Beginn an auf die betriebssystemunabhängige Entwicklung auf Basis von HTML5 spezialisiert und programmierte außerdem bereits eine Reihe von Anwendungen mittels AngularJS und Ionic. Aus diesem Grund ist FLYACTS der perfekte Partner für die Umsetzung der Tippdeckel-App.
UMSETZUNG Die Tippdeckel-App basiert auf dem hybriden Entwicklungsansatz. Neben HTML5, CSS3 und JavaScript sowie AngularJS und Ionic wurde zusätzlich mit den Frameworks Node.js und MongoDB gearbeitet, um das Backend zu programmieren.
FLYACTS GMBH EBERTSTRASSE 8 // 07743 JENA +49 3641 55 987 90 mail@flyacts.com www.flyacts.com
Nutzer registrieren sich entweder mit ihrer Telefonnummer, via Google+ oder Facebook. Als zusätzliche Sicherheitsfunktion erhält der Anwender bei der ersten Variante eine SMS mit einem Bestätigungscode, den er im Anschluss zum Beenden der Registrierung eingibt. Social Login-Funktionen steigern darüber hinaus bewiesenermaßen die Quote der Anmeldungen. Nach einem beendeten Tippdeckel berechnet der Algorithmus der App automatisch den oder die Gewinner und listet die Teilnehmer entsprechend ihrer Punkte auf dem Tippdeckel auf. Da jeder Spieler mehrere Deckel erstellen oder auf mehreren Deckeln tippen kann, ist eine übersichtliche Darstellung essenziell. Die Deckel sind automatisch chronologisch nach aktiven, bald startenden und beendeten Spielen sortiert. Weitere Filterfunktionen wie “selbst erstellt” oder “archiviert” bieten einen zusätzlichen Überblick. Da der Hauptbestandteil der Tipp-Anwendung je nach Spieler-Aktivität eine sehr lange Liste von Tippdeckeln ist, garantiert Infinite Scrolling performantes Nachladen der einzelnen Deckel.
DAS PROJEKT WURDE UMGESETZT FÜR
2
CASE STUDY
Technologien HTML5 CSS3 JavaScript Frameworks AngularJS Ionic PhoneGap Node.js MongoDB
DESIGN UND AUFBAU Prinzipiell ist die App an sich und auch das Design sehr schlank und übersichtlich gehalten, was sowohl Usability als auch Performance begünstigt. Darüber hinaus ermöglichen große Eingabefelder auch das schnelle Tippen kurz vor Spielbeginn beispielsweise in der Straßenbahn, ohne sich zu vertippen. Das Wort “tippen” ist außerdem ein Wortspiel: Hat ein Spieler auf einem Deckel noch nicht getippt, so erscheint ein Badge auf mit der Aufschrift “Jetzt tippen”. Das bedeutet sowohl “Tipp abgeben” als auch “auf den Deckel tippen”. Durch den Finger-Tap dreht sich der Deckel. Der typische Fußballrasen im Hintergrund oder beispielsweise auch die Metapher des “Abpfeifens” transportieren das Fußballthema genauso wie das Bild des Tippdeckels, was viele Fußballfans bereits aus ihrer Stammkneipe kennen.
FUNKTIONEN IM ÜBERBLICK Registrierung via Telefonnummer oder Social Login (Google+ & Facebook)
Betriebssysteme iOS & Android Endgeräte Smartphone & Tablet Leistung Beratung, Konzeption, Screendesign, Projektmanagement, Entwicklung & Backend
Deckel erstellen (Eingabe der Mannschaften, Datum, Uhrzeit, Einsatz) Tipp abgeben Freunde einladen Deckel beenden (Abpfiff) Punktesystem zur Ermittlung der Gewinner Bonus- und Trophäensystem animieren zur weiteren Teilnahme
FLYACTS GMBH EBERTSTRASSE 8 // 07743 JENA +49 3641 55 987 90 mail@flyacts.com www.flyacts.com
Dauer 3 Monate
DAS PROJEKT WURDE UMGESETZT FÜR
3