2015
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.

Jetzt Neu in 2015 mit dem Töfflibuebe Mini-Game!

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. Für jeden zurückgelegten Kilometer im Spiel erhältst du einen Punkt. Stoppt die Gazzosa-Flasche auf einem Bonusfeld, erhältst du die entsprechende Punktzahl gutgeschrieben. Für jede korrekt beantwortete Frage im Spiel (Ereignisfelder) erhältst du +66 Punkte, für falsch beantwortete Fragen -33 Punkte abgezogen.

Zusätzliche Punkte gibt's wenn du den Ticino Turismo Newsletter abonnierst, Facebook-Freunde einlädst und das Mini-Game erfolgreich beendest. Das Mini-Game erscheint pro Durchgang zwei Mal per Zufall auf einem der Ereignisfelder. Und jedem Teilnehmer schenken wir beim ersten Durchgang zusätzlich 100 Extrapunke.

Gameplay: 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.

Flash Mini-Game (Neu in 2015)

Geschicklichkeits-Game-in-Game für Extra-Punkte

1. Region Bellinzona & Nord Tessin
Es fehlen nur die Pyramiden, um den Touristen zu einer Entdeckungsreise durch das Land von Bellinzona und dem oberen Tessin aufbrechen zu lassen, wo er wirklich alles findet.

2. Lago Maggiore & Täler
Ein Stück Himmel auf Erden, mit mildem Klima, exotischer Vegetation und wunderbaren Bergen. Diese einzigartige Landschaft bildet zu jeder Jahreszeit ein Postkartenmotiv.

3. Region Luganersee
Wenn Sie auf der Suche einer Stadt mit den Eigenschaften einer kleinen modernen Metropole sind, die gleichzeitig Ruhe und Relax bietet, dann ist Lugano mit ihrem mediterranen Flair genau das richtige für Sie.

4. Region Mendrisiotto
Nirgends ist die Schweiz italienischer als in ihrem Südzipfel. Nicht von ungefähr wird die heitere, lichterfüllte Landschaft des Mendrisiotto oft mit der Toskana verglichen.

Das Mini-Game erscheint pro Durchgang zwei Mal per Zufall auf einem der Ereignisfelder.

zum Projekt Mini-Game

Promotion Design

Preispartner im Töfflibuebe-Game

Facebook-Promotion

Blick.ch Banner-Promotion

Anzeigen Design im Ticino-Magazin

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

für Print- & Online-Medien

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).

User-Interface Design

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.

Technische Lösung

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.

Community

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.

HTML5 & CSS3

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.

Header & Content Design

Auszug der Preispartner im Content

Informationsdesign

Icons & Info-Grafiken im Content

Game Design

Design der 15 Regionen bzw. Spielfelder – vom Gotthard bis Chiasso

Animationen

Look-and-Feel der 15 Regionen – vom Gotthard bis Chiasso

Web- & Screendesign

Mini-Game (Neu in 2015), Flash, Screens & Infografik


Töfflibuebe-Game V1.1 online spielen:

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.