NFHSLearn Redesign
Enhanced the NFHS Learning Management System (LMS) by modernizing the course-taking user experience and introducing additional features that gamified the process.
Summary
User Analytics and Insights
Utilized heat maps and behavior flows from CrazyEgg and Google Analytics.
Identified user flow pain points and lack of course exploration.
A/B/n Testing and Homepage Optimization
Conducted A/B/n tests on the NFHSLearn homepage.
Streamlined the homepage with icons highlighting popular courses, social proof, and a video.
Created additional icons for all courses based on test results.
Enhancing User Engagement and Retention
Learned methods to attract continuous user logins.
Used iconography, consistent course progression, and UI modifications.
Improved user retention rates.
Collaboration and Diverse Stakeholders
Worked with LMS owner, engineering team, VP of engineering, and other designers.
Effectively communicate design decisions to a continuously varied audience.
The NFHS Learning Center is an online Learning Management System that offers high school coaches, administrators, officials, students, and parents courses on sports and sport-related activities.
The process started by compiling user analytics such as heat maps through CrazyEgg and behavior flows from Google Analytics. My team and I worked with the analytics to discover points in the user flow where users did not know where to go next after completing portions of a course. Additionally, we noticed that many users were not exploring courses offered, so we added functionality such as a recommended course section and highlighting the course search functionality.
The most exciting part of analytics that aided my design was an A/B/n test on the NFHSLearn homepage. I generated different homepage versions and worked with the team to launch the test. The A/B/n test resulted in a streamlined homepage that used icons to highlight the most popular courses, showed social proof for product benefits, and displayed a short video of the learning platform interface. We used that new knowledge to create additional icons for all courses, which resulted in users starting and completing more certifications on the LMS platform.
Redesigning this LMS system allowed me to learn new methods to attract users to continuously log into a product platform, which improved the client’s retention rate with their customers. Some of those methods included iconography to ‘summarize’ a course, improved consistency for course progression, and simple UI modifications to make search functionality more visible.
During this project, I had an opportunity to work with a diverse set of stakeholders. Some stakeholders were the client’s LMS owner, our front-end engineering team, our VP of Engineering, and other designers. This experience allowed me to explain my design decisions to a diverse audience.