Mobile App Prototype

Research

With a given persona and szenario we collected thoughts and ideas in a moodboard.

Concept

We started with rough sketches on paper and developed an interaction concept that we kept adjusting with every iteration. We used Google Material Design as a design guideline.

Prototyping

We animated the interactions in AfterEffects, using mock ups we made in Sketch.

Check out the video

We started by sketching screens on paper and developing an interaction concept.

The interaction concept with rough sketches on paper.

We collected ideas and inspiration both on paper and digital, and made a moodboard to define our persona.

Working on the moodboard.

We used sketch to create high-resolution mock-ups.

Mock ups in sketch - part one Mock ups in sketch - part two

We started prototyping in animate, but switched to AfterEffects because we focused heavily on animations and transitions.

Prototyping in animate

We kept changing the interaction concept while prototyping - this is the final result.

All the screens of the finished app

Check out the video