Bill and Phil

This is an e-learning course about multi-channel marketing. The audience of this course are marketing and sales people. I presented a mood board to the client to show the concept, design style, color palette and fonts. I purposed to use line illustration for its simple and clean style. On top of the client’s brand colors light blue and blue, I also introduced a cheerful green color to the color palette. I worked closely with an instructional designer on the outline of the course and interaction ideas. The course started with a scenario; Bill and Phil. They are identical twins. However, they have different shopping preference and experience.

User interface

This one-page layout with carousels is a tablet-friendly website. I created the illustrations and icons to help reinforcing the content.  The "circle" icon on the bottom of each module shows progression and instructions to guide users through the course. Animated graphics and page transitions give our users an interactive and dynamic learning experience. 

Illustration and icon

Interaction

Check your knowledge / Feedback