The new generation
The target users
The Motion System
Motion System is based on only 4 types of motion - Position, Colour Change, Scale and Opacity. All the types are defined by duration, easing, offset and value.
Every UI component is described and specified in the Motion System - that informs designer and devs on how to use it and what is possible to do with it.
Transcripts are timelines that show specific movment of the element - it cuts dev time drastically.
I developped two kind of illustration animation styles - different by how they enter the screen and if they touch the edge. The egde-touching peices thend to be more important / full page that's why they animate as an already build solid, while the centre focused ones animate form 'nothing' using tracking lines.
Transitions and other pieces of interactions are difined in the Motion System - creating a unified and cohesive matrix of movment.
Transferring money becomes a easy and beautiful moment - the brad 'twist' is used as a visual device to show action. The process is controlled by users pulling their finger up and enriched by a heptic response.
The same visual device is used to showcase voice controls.
Switch to iPhone.creative direction and digital design
TaxlyProduct & Interaction design
OrionMotion & Interaction design
Sky GlassMotion & Interaction design
WeyayMotion & Interaction design
EasyJetProduct & Interaction design
Nike KidsMotion & Interaction design
FrontifyProduct & Interaction design