Virtual Office Tour E-Learning

Learning Experience Project

Designed as a module in 2U's new hire orientation, this eLearning leads a virtual tour for a new employee around headquarters while giving them relevant safety information along the way.

2U cares deeply about diversity, so I created an avatar generator to provide a wide array of options to make the training relevant and engaging for everyone. Additionally, the sponsor requested a light, fun experience. I modified the office photographs with Photoshop filters to give the course an illustrated feel that blended well with the avatar.

Try it Yourself!

Using inspiration from paper dolls, I created a variety of hair styles, skin tones, shirts, pants, and shoes inside an Adobe Animate canvas project. User selections are saved in the browsers session data and are used to populate every instance of the avatar in the project. In this demo version, when you tap “Create”, the new character will populate the instances below.

Character Instances

Each of the characters have a listener waiting for the user to tap "Create." When used in a Storyline or Captivate project, all the instances will update to the users selection.

Use the character generator above to create new characters!