App motion language

Enhancing usability and adding delight through motion.

Client: x
Role: Motion Experience Designer
Timeframe: 2018

The brief was to create a motion language for a brand refresh, with the goal of enhancing usability and adding delight through motion.

Loader

The loader is a perfect moment in the app that can take the decorative visuals without negatively effecting the usability. A place to add character and emotions, to strengthen the brand and to entertain the user. The loaders consists of 3 animations: A loop, a success and a fail animation. 

Loop

Fail

Success

Micro-interactions

Micro-interactions revolves around a single use case, one main task. They can indicate progress, failure of success, or just create small visual effects purely to enrich user experience. Since these interactions are used often, it’s important to not overdue it and a subtle motion hint is sufficient. These hints are really powerful at engaging and helping users as they navigate.

Dynamic-content

Animating the illustrations we display our personality by bringing the static stories to life. The illustrations compliment the text and break it up to make the view more interesting and instructive. 

We wanted the style to feel playful, inviting, human & pedagogical. By using illustration we set the brand apart to immediately trigger association with your brand.

Empty states

I created series of empty state illustration to be used across both app. I kept them abstract enough to be easily modified to fit any scenario, while adding in a branded moment.

For all inquiries

© 2020 by Hanna Edghill AB