Training Plan Builder

Lessonly relaunched our Free Employee Training Plan Builder—an interactive experience that allows leaders to build a detailed training plan for their teams.

The interactive builder allows leaders to select a role, three core functions, and start building out a concise plan focusing on the last three steps of Lessonly’s Better Work Method—Learn, Practice, and Perform. Once their plan is complete, they can download and share with their team to Do Better Work.

 

My Role
Designer

Team
Lessonly Marketing

TPB_GIF_2x.gif
Lessonly_Dribbble_TPB_Experience.png

User Flow

TPB_UserFlow.png

Wireframes

Developing wireframes was an important part of this project because it allowed us to quickly design the right flow for users to select their path to build their plan.

TPB_Wireframes.png

Design Exploration

Once we landed on the user flow, then came updating the visual aesthetic to match the Lessonly brand. We wanted to find a visual balance between light and airy, but still informational and functional.

TPB_Exploration.png

Interactive Builder

The interactive builder allows leaders to select a role, three core functions, and start building out a concise plan focusing on the last three steps of Lessonly’s Better Work Method—Learn, Practice, and Perform. Once their plan is complete, they can download and share with their team to Do Better Work.

TBP_Builder.gif
TPB_Builder_Activity.png

Mobile Builder

The mobile interactive builder allows the same functionality and user flow and with the assistance
of our website developer a user can still view their
full results at the end.

 

TPB_Mobile.png

Landing Page

While we updated the builder experience we updated the landing page to show the rebrand and give a small preview into the builder.

TPB_LandingPage.png
TPB_GIF_2x.gif

Next Project