Der Auftrag
Dieser Sommer steht bei uns ganz im Zeichen des runden Leders. Alle inter(net)aktiven Fans die das genauso sehen, werden sich für unser Fußball Fangame Cheer ‚Em On begeistern. Die 16 teilnehmenden Nationen der Europameisterschaft kämpfen dabei um das entscheidende Tor. Durch laute Anfeuerung werden die Spieler angespornt und jede Mannschaft kann dadurch ganz einfach mittels Tweet oder Facebook Share wichtige Meter nach vor rücken.
Die Umsetzung
Unter cheer-em-on.liechtenecker.at finden die User ein Fußballfeld auf dem sich 16 Trikots in den jeweiligen Länderfarben bewegen. Jeder kann nun mittels Facebook Likes, Facebook Shares oder Twittermeldungen mit passendem Hashtag die Lieblingsmannschaft anfeuern und so näher Richtung Tor bringen.
Mit Klick auf die einzelnen Trikots öffnet sich ein Fenster, dass die Spielanleitung erklärt. Man kann via Tweet und dem Hashtag #GOTeamname, also zB. #GoEngland, oder via Facebook Share oder Like seiner Mannschaft Beine machen. Außerdem ist auch ein Flitzer eingebaut, den man über einen etwas versteckten Klick auslösen kann.
Bei dem Game ist uns Interaktivität alleine nicht genug. Uns ist es wichtig, dass wir hier auch ein Beispiel schaffen, wie man heute schon breitenwirksam HTML5 und CSS3 einsetzen kann. So kamen bei dem Projekt wieder die neuen Webtechnologien zum Einsatz, um zu zeigen, dass Flash für Games nicht mehr unbedingt notwendig ist und um gleichzeitig Cheer ‚Em On auch auf allen mobilen Endgeräten verfügbar zu machen.
Bereits in der Vergangenheit wurde mit Cheer Em Up – das Fangame – Pendant für American Football im Zeitrahmen während der Football WM letztes Jahr knapp 15.000 Tweets und Facebook Shares.
Du willst mit jemanden über das Thema plaudern?
Einen kostenlosen Termin mit CEO Susanne vereinbaren!
Automatische Accessibility Audits – Wie wir mit unserem A11y-Testing-Tool Barrieren aufspüren
Barrierefreiheit im Web ist längst kein Nice-to-have mehr, sondern eine Notwendigkeit. Nicht nur, weil Gesetze wie die EU-Richtlinie 2016/2102 oder der kommende European Accessibility Act es vorschreiben, sondern auch, weil eine barrierefreie Webseite mehr Nutzer:innen erreicht und die UX verbessert. Doch manuelle Audits sind zeitaufwendig. Um Accessibility-Probleme effizient zu identifizieren, haben wir ein leistungsfähiges A11y-Check-Tool entwickelt – basierend auf Nuxt 3, Puppeteer und Axe-Core mithilfe der AI-unterstützten IDE Cursor.
Jetzt lesen
UX SNACKS Episode #2 mit Markus Pirker
In Episode 2 hat Susanne Markus, CEO von Userbrain & Host UX Heroes Podcast zu Gast.Markus teilt seine Erfahrungen aus über 15 Jahren im UX-Bereich und erklärt, warum User-Testing mit echten Menschen noch immer unersetzlich ist, wie man [...]
Jetzt anhören