stayfriends vobe Webversion
stayfriends vobe Webversion
stayfriends vobe Webversion

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

mediendesign Kunde euroassekuranz
mediendesign Kunde Nutricia
mediendesign Kunde albatros
Logo der adorsys GmbH & Co. KG
mediendesign Kunde StayFriends
mediendesign Kunde GES electronic
Logo der Continental AG
mediendesign Kunde Akademie Faber Castell
mediendesign Kunde mundipharma
mediendesign Kunde Senacor Technologies
mediendesign Kunde TeamBank easycredit
mediendesign Kunde EB elektrobit
mediendesign Kunde BASF SE
mediendesign Kunde Wüstenrot Bausparkasse AG
mediendesign Kunde delvag
mediendesign Kunde KIB Projekt GmbH
mediendesign Kunde Volksbanken Raiffeisenbanken
mediendesign Kunde paydirekt
Logo von der Deutschen Gesellschaft für Projektmanagement
Logo des Nürnberg Digital Festivals - Website erstellen Nürnberg

Branchenübersicht

Baugewerbe
Bildung
Dienstleistung
Elektroindustrie
Events

Geld- und Kreditwesen
Gesundheitswesen
Informationstechnologie
Kommunikationstechnologie
Nahrungsmittel

Pharmaindustrie
Textilien
Unternehmensberatung
Versicherungswirtschaft
Werbung und Messen