E-Learning Design for New Hire Onboarding

HOME

WORK

ABOUT

RESUME

CONTACT

E-Learning Design

Amazon Prime Video New Hire Onboarding

Overview

I had the opportunity to design a comprehensive marketing e-course for new hires in the Amazon Prime Video team. The course covers a range of topics, starting with the basics of marketing and moving into more advanced digital marketing strategies. I worked on creating a structured and visually appealing flow that introduces traditional concepts and ties them into modern tools, such as social media management, SEO, and affiliate marketing programs. I also integrated case studies from companies like Amazon, showcasing their marketing techniques and campaign types. The design balances both high-level overviews and actionable insights, ensuring that users gain practical knowledge applicable across various sectors. I focused on a user-friendly interface, clear visual hierarchy, and engaging visuals to make the learning experience intuitive and impactful.

Layout

This E-book consisted of 76 pages as seen below

Colors

When creating this e-learning design, I was intentional with the color theory, aligning it closely with the feeling of writing in a notebook. I chose a simple, inviting palette of off-whites for the pages and greys for the text to reflect ease. The use of highlighter shades such as yellow, green and blue as dominant colors not only grabs attention but also conveys optimism, which is ideal for retaining things in ones memory. I used Greens and Reds to mark out the Sub-headings to reduce monotony. By maintaining consistency with the brand’s color scheme, I aimed to strengthen brand recognition while making the content visually appealing and easy to digest.

#FCF31E

#2DEE13

#08D3F6

#0C9620

#6A6963

#000000

#FBF6F5

Typography

For the Headings I used "Marker Felt" and for the subheadings I used "Chalkdsuter" to give the feeling of jotting down notes in ones own notebook.

For the body font, I chose to use Amazon's own "Ember" to keep the design 'on-brand' and also to ensure that it will always display as intended on everyone's computers as all employees' computers come with Ember pre-installed.

I used the perfect fourths ratio which has font scaling increments of 1.333 for the font sizes as it is a medium contrast font scale best suited to newsletters, brochures and wesbites. Below is my font scaling numbers, of which I have chosen to only use P1, H5 and H2 for the body, sub-headings and main heading respectively so as to not add too many different levels of visual hierarchy in the content sectioning.

H1 - 72 pts

H2 - 54 pts

H3 - 40 pts

H4 - 30 pts

H5 - 22 pts

H6 - 16 pts

P1 - 12 pts

Interactive sections to reduce overwhelm

These pages were mainly definitions & concepts, so I used the below design to make each piece of information a bite sized piece that entered into the screen upon clicking thereby making it easier to read and grasp each concept one by one.

The above interaction was used in the below slides

Real-world examples that the learner can relate to

These pages talked about individual products that our team worked on, so I chose to show screenshots from the actual products to give the reader an understanding of the impact their work has.