2014
X

Ticino Töfflibuebe

Ticino. Eigentlich in zwei Stunden erreichbar.

Sehnsucht nach Süden, Wärme, Farbenfroher Natur und köstlichen Spezialitäten? Rasch über den Gotthard, und schon haben Sie Ihr Traumziel erreicht.

Das dachten sich auch die Töfflibuebe. Mit drei Zweitaktern machte sich das Trio auf den Weg Richtung Ticino. Im Gepäck: Sehnsucht, Freiheitsdrang, Abenteuerlust. Was die drei Töfflibuebe auf ihrer Reise erleben, erfahren Sie im TV-Spot von Ticino Turismo.

An diesem Projekt habe ich für meinen ehemaligen Arbeitgeber Responsive AG (Zürich) als Game- & Webdesigner in den hier aufgeführten Bereichen mitgewirkt.

Idee & Konzeption

Spielend das Tessin entdecken

Der Spot zeigt den ehemaligen Töfflibueben aus den 80er Jahren, dass sie heute bequem in zwei Stunden ins Tessin gelangen. Mit dem Gewinnspiel wird die Botschaft des TV-Spots emotional weiter aufgeladen und spielerisch erlebbar. Die Teilnehmenden gewinnen spielend Sofort- und Wochenpreise, während sie gleichzeitig das Angebot des Tessins entdecken.

Das realisierte Game, in dem die Tessiner Landschaft mit vielen touristischen Sehenswürdigkeiten mit viel Liebe zum Detail nachgebaut wurde, ist als iFrame in der Webseite von Ticino Turismo eingebunden. Jede der total 15 Spielregionen hat auch – nebst dem Töfflisound – ihre eigenen typischen Hintergrundgeräusche, so dass man sich schon während dem Spielen im Tessin wähnt. Das Spiel macht definitiv Lust auf mehr, Lust aufs Tessin.

Flash-Game

Route & Preispartner

Der Start der Online-Töfflitour ist auf dem Gotthard bei der Grenze zum Tessin, nachdem der Teilnehmende sein 3D-Töffli- und seinen Bueb aus dem TV-Spot gewählt hat. Mit dem Drehen der Gazosa Flasche bewegt sich das Töffli vorwärts Richtung Süden.

Spielen & Gewinnen

Ereignisfelder auf der Tour sorgen dafür, dass es wie auf einem richtigen Töfflitrip nie wirklich langweilig ist, wie es in einer Mitteilung heisst. Während diverse Pannen die Reise verzögern, sorgen die vielen Preispartner wie Bergbahnen, E-Bikes oder Schiffe dafür, dass man auch mal ohne Töffli noch schneller ans Ziel in Chiasso und somit in die Wochenrangliste kommt.

Die ersten acht der Rangliste gewinnen wöchentlich Hotelübernachtungen und andere Preise. Zusätzliche Punkte für das Wochenranking erhält, wer seine Facebook-Freunde einlädt und vor allem wer die vielen Bonusfragen zu den Preispartnern beantwortet. Mit diesen Fragen werden die USPs der einzelnen Preispartner und des Tessins erlernt. Nebst den Wochenpreisen gewinnen die Teilnehmenden auch regelmässig Sofortpreise während sie spielen.

Preispartner im Game

Game & Webseite

Kombination Flash-Game und Responsive Webdesign auf Typo3

Eine ganze Töfflibuebe-Tour dauert ca. 12 Minuten, was einen sehr langen und intensiven Kontakt der Teilnehmenden auf der Webseite und somit mit dem Angebot von Ticino Turismo bedeutet. Wie bei all unseren Online-Gewinnspielen kommt das eigenentwickelte Game-Center zum Einsatz, wo nebst dem User-Handling automatisch die Sofortpreis-Gutscheine als PDFs generiert werden, die von den Gewinnern runtergeladen werden können.

HTML E-Mail Design

Logo & Key-Visual

Nach den ersten Skizzen und Ideen für das Spiel und die Route, entwickelte ich schlussfolgernd aus dem vorhandenen Videomaterial und diversen Screenshots das erste Look-And-Feel des Key-Visuals sowie das Logo. Alle Daten mussten – soweit notwendig – ebenfalls für den Druck-Bereich aufgearbeitet werden bzw. vorhanden sein (Vektoren und Pixeldaten auf 300dpi Grösse).

Profil & Gewinnkonto

Um das Spielerlebnis so authentisch wie möglich zu halten, musste natürlich als User-Profil ein Nachbau des offiziellen «Töffliausweises» mit an den Start gehen. Bei der Anmeldung gibt man wahlweise als «Bueb» oder als «Meitli» seine Gewinndaten ein (Name, Vorname, Anschrift, Geburtsdatum und E-Mail-Adresse). Mittels drehen der typischen Tessiner Gazoza-Flasche, die ebenfalls transparent nachgebaut wurde, bewegt das Töffli sich vorwärts Richtung Süden.

Layered 2D, 3D & Flash Design

Zum Aufbau des Flash-Games benutzten wir technisch drei Ebenen, die zeitgleich übereinander liegen und untereinander Daten austauschen. Die erste Ebene (Grundebene, Ebene 1) ist in 2D und steuert sowohl das Game mittels Anbindung an die Datenbanken (Game-Server, Typo3) als auch die nächst höher gelegene Ebene in 3D mit dem Töffli beinhaltend (Ebene 2). Die Spielpositionen des Töfflis werden während des Games an die erste Ebene zurückgegeben usw. Die oberste Ebene besteht aus statischen SWF-Files mit teilweisen Bilddaten als Maske über dem Töffli. Die Daten der den Regionen zugeordneten Partner (Winning-Bubbles) sind ebenfalls in der obersten Ebene (Ebene 3) platziert.

Punkte & Rangliste

Alle Teilnehmenden, die das Töfflibuebe-Game mindestens einmal erfolgreich beendet haben, erscheinen in der Wochenrangliste in der sie gespielt haben sowie in der Gesamtrangliste – jeweils einmal mit ihrer höchsten Punktzahl. Die ersten Wochenpreis-Gewinner wurden ab dem 20. April 2014 veröffentlicht.

Contentseiten in TYPO3

Die Website ist in Responsive HTML bis auf Smartphones als kleinstes Medium aufgebaut. Dies ermöglicht den problemlosen Einsatz als iFrame auf ticino.ch, als iFrame in Facebook sowie als Stand-Alone-Pop-Up bis zu einer Mindestgrösse von 320x480px. Das dahinter installierte Typo3 Content-Management System, ermöglicht die gemeinschaftliche Erstellung, Bearbeitung und Organisation von Seiten- und Preispartner-Inhalten ausserhalb des Flash-Games.

Auszug der Preispartner im Content

Info-Grafiken im Content

Spielfelder

Design der 15 Regionen – vom Gotthard bis Chiasso

Look-and-Feel

Animationen der 15 Regionen – vom Gotthard bis Chiasso

Web- & Screendesign

Flash, Screens & Infografik


Töfflibuebe-Game V1 online spielen:
Benutzername: demo@responsive.ag
Passwort: demo01

zum Töfflibuebe-Game

zurück zu Ticino Browser Games

Mit freundlicher Genehmigung von Agentur Responsive AG (Schweiz), Kunde Ticino Turismo (Schweiz), Designer Mario Farez Lewandowski. Die Rechte liegen bei den jeweiligen Inhabern.