Neue Verstärkung

10.02.2020

...durch Praktikanten und Werkstudenten bei mediendesign

25 Jahre mediendesign

20.12.2019

Unser Rückblick auf das Jubiläumsjahr

Composer - der Package-Manager für PHP

14.10.2019

Wir stellen unseren Lebensretter für PHP-Entwicklung vor - Composer

Nürnberg Digital Festival 2019

24.07.2019

Ein Rückblick (nicht nur) in Zahlen und Emotionen

Usability-Tests

26.03.2019

sicherer als der Blick in die Kristallkugel

StayFriends

vobe Webversion

Unsere Aufgabe

Für die bestehende Abstimmungs-App "Vobe" unseres Kunden StayFriends sollte eine Webversion mit den wichtigsten Funktionen der App umgesetzt werden.

Die Webvariante sollte nicht nur grafisch der App entsprechen, sondern auch u.a. das Verhalten der animierten Abstimmungs-"Bubbles" aufweisen.

Folgende Funktionen waren gefordert:

  • Anmeldung über Facebook
  • Abstimmen und Anzeige der Entscheidungen
  • Anzeige des Chatverlaufs

Unsere Lösung

Das Design der App wurde für die Webversion adaptiert und wichtige Funktionen, wie z.B. das Facebook-Login implementiert.

Kniffeliger wurde die Umsetzung des physikalischen Verhaltens der Bubbles: Hierzu war, ebenso wie für die "Drag & Drop"-Funktionalität für Touchdevices, die Verwendug eines Frameworks erforderlich

Einige Lösungschritte im Einzelnen:

  • Auslesen der Vobe-API
  • Integration des Frameworks "PhysicsJS" zur Simulation des physikalischen Verhaltens der Bubbles
  • Implementierung von "Drag & Drop" (Avatare in Bubbles ziehen)
  • Anpassung von "Drag & Drop" für Touchdevices
  • Aktualisierung der Abstimmungen außschließlich bei aktivem Fenster
Markus Stopfer, Teamleiter Online Marketing

Projektabschluss
Dezember 2015

Technologie
PHP, HTML5 / CSS3, JavaScript, jQuery, jQuery Mobile, PhysicsJS

Branche
Dienstleistung

Projektleiter
Markus Stopfer

Leistung

Online Marketing

Teilen

Projekte

Kunden

Logo der Euroassekuranz Versicherungsmakler AG
Logo der Nutricia GmbH
Logo der Albatros Versicherungsdienste GmbH
Logo der adorsys GmbH & Co. KG
Logo von StayFriends
Logo der GES
Logo der Continental AG
Logo der Akademie Faber Castell
Logo von mundipharma
Logo der Senacor Technologies AG
Logo von easyCredit
Logo der Elektrobit Automotive GmbH
Logo der BASF SE
Logo der Wüstenrot Bausparkasse
Logo der Delvag
Logo der KIB Projekt GmbH
Logo der Volksbank Raiffeisenbank
Logo von paydirekt
Logo von der Deutschen Gesellschaft für Projektmanagement
Logo des Nürnberg Digital Festivals