«FairFinder» ist ein Geo-Ratespiel für fair produzierte Produkte.

Das Serious Game will die Aufmerksamkeit für Menschenrechte und Fairtrade schärfen und setzt Produkte und ihre Produzenten auf der ganzen Welt in den Fokus.  Die moderne, responsive Web-App wurde von Konzept bis Lancierung für Max Havelaar umgesetzt, die bekannte Non-Profit-Stiftung, die ihr Label für nachhaltig angebaute und fair gehandelte Produkte vergibt.

Woher kommen die Produkte, die im Alltag eingekauft werden? Stammen Sie aus fairer Produktion? Und wenn ja, welche Menschen profitieren davon? Als erfahrene Spieleschmiede hat Gbanga das NGO-Spiel von Konzept bis Lancierung technisch umgesetzt und begleitet. Nach einem Brainstorming hat Gbanga Spiele-Konzepte erarbeitet, die Stärken abgewogen und gemeinsam mit Max Havelaar die beste Idee bestimmt. Das Ergebnis ist eine moderne Web-Applikation mit einer begeisternden Idee: auf einer Weltkarte zu erraten, woher ein Produkt kommt. Und je genauer und schneller man tippt, desto höher ist die Punktzahl.

Um das Konzept zu prüfen wurde ein Klick-Prototyp in Figma erstellt, um vor der Programmierung möglichst viele offene Fragen zu erarbeiten und zu beantworten. Dies erlaubt auch die laufende Anpassung des Visual-Designs, um diese für die programmiertechnische Umsetzung zu finalisieren.

Das Serious Game wurde mit dem Frontend-Framework Vue 3 umgesetzt, über Vue CLI statisch generiert auf dem Schweizer Hoster Cyon lanciert. Ebenfalls Bestandteil des Web-Games ist das Content Management System, das mit Directus umgesetzt wurde und womit Spiel-Daten, Produkt-Geoinformationen und andere spielbezogene Inhalte laufend verwaltet werden können. FairFinder lief als Teil der Max Havelaar-Gesamtkampagne für das Jahr 2021.

Quick facts

  • Massgeschneidertes Geo-Rate-Spiel
  • Content management system (CMS) um die Inhalte zu betreuen
  • 3 schnelle Runden, um das Spiel in kurzweiligen Partien zu spielen
  • Monatlich wechselnde Preise
  • Empfehluns-System über Mailversände inkl. Belohnungs-System für erfolgreiche Weiterempfehlungen
  • Responsive für Smartphones, Tablets, Laptops und Desktops

Technologies used

  • Figma für Prototyp-Phase
  • Vue 3
  • Vue 3 libraries für Multilanguage-, Full-Screen-Funktionalität and mehr
  • Vue CLI
  • Directus
  • Mapbox

Jede Spielpartie besteht aus drei Orten mit fairer Produktion – als Spieler*in wird geraten, wo genau.

 

Gut gemacht! Je genauer und je schneller geraten wird, desto höher die Punktzahl.

 

Max Havelaar fügt dem Spiel laufend weitere Standorte mit fairer Produktion hinzu – so werden die Auswirkungen fairen Handels auf der Welt sichtbar und erlebbar.