Designed a local navigation with the page contents that sticks to the top of the screen once the user pases the view point of the navigation’s initial position. This allows users to navigate within the page know exactly were they are and avoiding manual scrolling.

In the design iteration, a couple of approaches for some sections of the pages stood out, bringing the opportunity to test the designs by running an AB Test. This presented users with the same content laid out in different ways:

‍

Design A: displayed the outcomes section content with large colored icons and an explainer video below it.

‍

Design B: displayed the icons with buttons linked to the video shown on the side, which tied the content to the video and allowed users to advanced the video with it.

The curriculum content was extensive, so in order to presented it without overwhelming users, collapsible panels where used to progressively show the content as needed.

Using the design system and their graphics library, I created graphics to illustrate concepts and parts of the training.