eLearning course design for a Fortune 500 company

I designed visuals, experiences, and interactions for a Consulting eLearning course to drive behavior change and the email marketing campaign used to drive engagement and adoption.

How might we measurably drive adoption of six “habits” to spur a behavior shift within Consulting to allow us to better serve the needs of our Consulting clients?

What

The result is the Habit Foundations eLearning course.

This 18 activity course is designed to instill positive habits. Each activity maps on to one of the six habits.

Who

The audience for this was everyone within Consulting including client-facing Partners, Marketing, Software Architects, and Designers among others.

Different versions of each email were sent based on:

  • Whether the recipient is a people manager
  • Whether or not the recipient had started the course

Challenges

  • Employer based eLearnings can be boring and tend to get low engagement unless mandated
  • Initiatives like this are largely seen as being pointless additional demands on time without any benefit to their performance
  • The Consulting average email open and click through rates are very low

My role

I was the sole visual and UX designer on a team that included a project manager, content designer, and developer. About halfway through the project, the project manager was asked to pivot to a different project and appointed me to lead the rest of the eLearning work. I was able to successfully deliver the project, and the metrics and outcomes section below reflects this.

Deliverables

  • User flows
  • eLearning course home page design
  • Interactions and states for activity and quiz tiles
  • Quiz page and result notifications
  • Emails
    • Two versions of announcement
    • Three versions of weekly email (x4 weeks)
    • Post-course survey request

Tools

  • Sketch
  • Mural for QA and feedback

Metrics & outcomes

NPS goal = > 85, actual = 87; page view goal = 250, actual = 297K; course completion goal = 10K, actual = +14K; email open rate goal = > Consulting average of 15-20%, actual = 33%, 40%, and 49%; Email click-through rate goal = > Consulting average of 5-10%, actual = 15%, 17%, and 28%

Driving behavior change with quick, bite-sized activities

The activities are organized into weekly segments, encouraging users to complete one task per workday.

Each activity is presented through an interactive tile designed to minimize cognitive load by progressively revealing essential information.

To reinforce associations with specific behaviors, each behavior has a dedicated page on the Consulting site, color-coded according to the Consulting palette.

This color coding helps users quickly identify which activities correspond to each behavior, with alt text provided for accessibility.

This mockup of the default eLearning course page features an activity section composed of four rows of squares which serve as interactive tiles for each activity.

Announcement email

Some of the content has been replaced with Lorem Ipsum for confidentiality purposes.

Reducing cognitive load with progressive disclosure

We tailored our approach in the weekly emails for three distinct groups. Managers received participation statistics and leadership messages. Participants were motivated with progress updates. Non-participants received communications consistent with our initial announcement email to all non-people managers.

This modal contains the activity description, estimated time for completion, a link to schedule time to complete the activity in Outlook, and like/dislike options.

Activity modal

Encouraging engagement with delightful state changes

This four states of the home page screen. The first is the default view, the second shows the page with some activities completed and the quiz locked, the third shows the page with all activities completed and quiz unlocked, and the fourth shows the page once the user has passed the quiz.

The screenshots depict the default home page, the page with partial activity completion, activity completion with the quiz unlocked, and quiz completion

No one likes employer eLearnings: Encouraging adoption with customized emails

This image shows the timeline for sending emails.
This image shows an announcement email on an iphone.

Announcement email

Differing approaches for each participant group

We approached the three groups differently with the weekly emails. For managers, we shared participation stats and messages from leadership. For participants, we encouraged them by showing their progress. With non-participants, we maintained the pattern we used for the announcement email we sent out to all non-people managers.

Week 3 emails

These are mockups of the three versions of the week 3 emails that I designed.

Positive feedback and ratings on the course

When an activity is selected, a modal opens that displays important information.

The course has now been live for well over a year, and it's gotten a lot of positive feedback and good ratings.

This screenshot dispalys a handful of reviews shows the positive experience a number of learners had with the course.

Course reviews

This screenshot from YourLearning, the educational platform, shows that the course has garnered a 4.5 out of 5 stars with 315 ratings.

Course rating