
The Challenge
The Solution

BEHIND THE DESIGN:
Navigation and Transition Effects

Though this client deals in the serious business of finance, they have a unique identity that is bold, colorful and playful. We embraced these traits and divided the course into sections representing each of the nine policies. The dimension of each section corresponds to the desired focus placed on that policy. Each policy is then divided into one to three scenarios each telling a character’s story. Scenarios can be completed in any order and check marks indicate which scenarios are complete.
The resulting navigational approach is unique, simple and intuitive. The compact design distributes a relatively large amount of information with limited clicking and is intuitive enough to be used without the need for additional instruction.


The Outcome
BEHIND THE DESIGN:
Merging Live Action with Graphic Design
In order to bridge the gap between the live action video and the design of the course we used our actors to generate complimentary graphic animations. Let’s have a look at how we took the design from concept to reality with one of our characters, Maryanne.

