WORK OVERVIEW

EVERFI

A technology and data-first approach to impact and education

Background

When I joined EVERFI, NEXT, part of our FCN, was in need of updates. One of the initiatives our technical project manager led was to update the NEXT learner and admin experience to be more engaging and versatile.

As part of this initiative, I researched, designed, and updated the NEXT experience including a learner dashboard, learner dashboard widget components, and our existing card and hero space design.

MVP: NEXT Learner Dashboard

Challenge

Next currently has a concept of a Learner Dashboard, however, that page offers very little to the learner in terms of knowledge and insight into their personal learning journey, and is mostly just a way to see predefined playlists offered by their institution. The lack of personalization makes it easy for the user to remain detached from the learning experience.

Solution

Building a true Learner Dashboard with easy access to recommended content, insights, and incentive campaigns that can also help learners keep track of their goals and progress will keep our learners on the platform for longer and with repeat visits.

Some final design specs

Design Process

The Learner Dashboard was a multi-step project asking for new platform features such as a recommended content section, widgets, and incentives. With this in mind, I first explored the building blocks created for the learner dashboard, the widget. Then I created mock-ups, keeping in mind the need for widgets to be versatile cross-platform. This was a large scale multi-month project. Specs shown are final designs after multiple iterations.

Success Criteria:

We’ll see 5% increased user registration and return visits.
We will see a 5% increase activity starts with the introduction of the learner dashboard.

NEXT Learner Dashboard MVP with widgets

Playlist Cards

Goal: Continue visual continuity across platform (from incentives used on playlist card, further image support alignment.

With Incentive

Landing Page

Without Incentive

Playlist Page

Original playlist cards

Landing Page

Spacing & Styling

No Image/ Mobile

Playlist Page

Long Description Text

Updated playlist cards

Original playlist cards contained non-standard components, incentives on the top left, uses branding colors for the incentive message, uses a "gifting" icon, and differing fonts for the landing and playlist page.

Incentive Widget

Goal: Showcase incentives available to the user on future learner dashboard. This must include variants if there are 1,2, or 3 active incentives, if the learner has not started, made some progress, or already finished the playlist for the incentive.

Incentive Card (V1)

Horizontal Widget Cards for 1,2, 3, or More Active Incentives

Vertical Widget Cards for 1,2, 3, or More Active Incentives

Mobile Hero Space

Continue visual continuity across platform (from incentives section in hero space) and align hero space with all components both in desktop and mobile.