Briefing
»BRING THE WIREFRAMES TO LIFE«
Lass dein Fahrverhalten messen und spare Versicherungskosten – falls du sicher fährst. Erwecke die folgenden Wireframes zum Leben und überzeuge mit: 

+ einem ansprechenden, frischen Design
+ angemessenen und coolen Transitions (scrolling, screen to screen, ...)
+ einer soliden Herleitung der Lösung
Design
REDUZIERT & STRUKTURIERT
Servicebereich und Navigationsmenü sind reduziert gestaltet und bieten dem Nutzer eine aufgeräumte Orientierung.
StIL
Die Strukturierung der zeitlichen Daten wird durch Kartenelemente unterstützt. Hier betrachte ich perspektivisch den Einsatz eines Filtermoduls. Das klare Design wird durch den Farbverlauf gebrochen.
Material Design
Die Cards und weitere Module folgen den Material-Design-Guidlines von Google aus dem Jahr 2015.
motion
TECHNISCH & MODERN
Im Bewegtbild findet das Material-Motion-Prinzip Verwendung.

landing

Material Motion
Material Motion ist ein System zur visuellen Gliederung von Bewegtbildinhalten auf digitalen Devices.

card scroll

Animation
Das System simuliert eine 3-dimensionale Darstellung. Durch unterschiedliche Höhen bekommt der Inhalt Struktur.

side2side

Fazit
Klar gestaltete Icons, Schriften und Buttons, kombiniert mit aufwendigen Animationen und Transitions ergeben eine ästhetische Synthese aus klassischem Design und digitaler Technik.
UP