PAGE online

Vital: App zum Relaunch

N

euer Streich aus dem Hause swipe: Das Hamburger Digital-Studio entwickelte eine Mobile-App für das Magazin »Vital« aus dem Jahreszeiten Verlag.

Die Herausforderung: Den Relaunch des Frauen-Gesundheitsmagazins sollte ein neuer Auftritt im Digitalbereich begleiten – jenseits der einfachen Tablet-Adaption. swipe konzipierte daraufhin eine eigenständige App, die weder visuell noch inhaltlich offenkundig mit dem Magazin verbandelt ist. Ohne  Anbindung an die Print-Optik entstand so eine zeitgemäße Mobile-App für iOS und Android OS Smartphones, mit der das Magazin neue Zielgruppen erreichen könnte.

Ziel der App ist es, der Nutzerin mit Tipps und Ideen zu einem besseren Lebensgefühl zu verhelfen – dem »Wohlfühlglück«, das sich »Vital« zum Relaunch auf die Fahnen schreibt. Die Tipps stammen aus der »Vital«-Redaktion und werden täglich aktualisiert.

Je mehr Tipps erfüllt werden, desto höher ist das Vitallevel der Nutzerin. Dargestellt wird es mit einer stilisierten Blüte, die immer weiter wächst, sowie mit verschiedenen Farbtönen, die sich mit jedem neuen Level verändern. Werden ein paar Tage hintereinander keine Tipps absolviert, verliert die Nutzerin Punkte und die Blüte wird wieder kleiner. Neben den Punkten gibt es weitere Belohnungen in Form von Badges. Ein Paradebeispiel für Gamification.

Die Gestaltung:

 

Die App ist nativ mobile und intuitiv bedienbar, das Design liebevoll und detailreich. Im Mittelpunkt steht die abstrakte Blüte, die der App einen femininen, organischen und lebendigen Touch gibt – noch verstärkt von kleinen beweglichen Schwebepartikeln. Das Vital-Level besteht aus mehreren Schichten (siehe Bildergalerie unten). Für einen leichten Parallax-Effekt setzte swipe die neuen UIKit Dynamics für iOS7 ein. Zudem entwickelte die Agentur ein komplettes Set an Icons und Empty States. Konzept und Design entwickelte swipe stets sowohl für iOS als auch für Android, so dass der Look auf allen Geräten einheitlich ist.

Unsere Bildergalerie gibt einen Einblick in Optik und Funktionsweise der Vital-App.


Mehr von swipe:

Website-Relaunch bei swipe

Neue Geschäftsausstattung von swipe

App für brand eins

Lingua Digitalis App

BMW Magazin App

Vital-App
1/14
Vital-App: Dashboard
2/14
Vital-App: Aufbau
3/14
Vital-App: Icons
4/14
Vital-App: Dashboard
5/14
Vital-App: Dashboard
6/14
Vital-App: Dashboard
7/14
Vital-App: Dashboard
8/14
Vital-App: Dashboard-Übersicht
9/14
Vital-App: Belohnung
10/14
Vital-App: Belohnung
11/14
Vital-App: Tipp
12/14
Vital-App: Tipp-Liste
13/14
Vital-App: Tipp-Finder
14/14
Produkt: Download PAGE - CSS Tipps & Tricks für Designer - kostenlos
Download PAGE - CSS Tipps & Tricks für Designer - kostenlos
Typische Fallbeispiele aus der Arbeit mit Cascading Style Sheets

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Das könnte dich auch interessieren