App motion language

UI, motion design, illustration

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.

Upvote / Un-upvote

Downvote / Un-downvote

‚Äč

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. 

Reward

Transaction

Social

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.