Redesigning the Lesson Page to Support Learning
Project Summary
Study.com is an education platform serving teachers and learners. I led a heuristic redesign of the lesson page— one of Study.com’s core experiences. This redesign focuses on improving how teachers instruct, assess, and provide scaffolded practice, enhancing both B2B and B2C user experiences. Impact was measured through engagement with key features on the lesson page.
My Roles
- Product Design
- User Research
The Team
- Product Manager: Gordon Dean
- Learning Designer: Ashley Bruckbauer
- User Researcher: Sarah Avellar
- Lead Engineer: Russ Mazzetta
- Data Analyst: Joe Stauss
Impact & Results
Increase in YoY B2B sales by
+115%
Increased usage of the Pause Points feature by
+46%
Increase in assigning content
+33.4%
TOOL KIT
before
After
Validating With Qualitative Feedback
This video features testimonials from Study.com's Client Success Team and former teachers, experts on our users and their needs. The clips were gathered during usability tests with a clickable prototype to validate key design decisions before launch.
High School Teachers Need to...
The Problem
Teachers don’t know what tools are available to them or how to use our content to support their instruction.
High School Teacher in the U.S. Need tO:
- Efficiently find relevant content
- Keep their students engaged
- Personalize student practice
Identifying the Problem
High school teachers need a way to easily navigate and find Study.com content in order to be efficient and effective in their jobs. This problem can be addressed through a restructuring of information architecture and changes to our visual design.
Behavioral Data
Of B2B teachers that engaged with key features at least once last year...
- 0.2% made a video interactive
- 1.2% started a quiz party
- 4% bookmarked a lesson
- 10% assigned a lesson
- 22.7% printed a lesson
- 34.6% presented a video
Defining & Ideating
Distinguishing between Teacher Tools & Content Features
- Visual hierarchy improves discoverability
- Consistency improves learnability
- Lack of visual hierarchy = Low engagement
BEFORE
AFTER
updated lesson page teacher navigation
- Teacher Tools = primary actions: assign, bookmark, and classroom navigator
- Lesson overview is now accessible and quickly discoverable (state standard, learning objective, and key terms)
- Context Navigator is now integrated into the lesson page, helping teachers easily find related content
Click data showed that 83% of teachers used Study.com lesson pages on desktop. Interviews confirmed their preference for larger screens when evaluating teaching materials. As a result, we streamlined the mobile experience for quick tasks, reserving complex tools, like Pause Points and Quiz Party, for desktop and tablet.
Designing for Mobile
What I Learned
Designing for Diverse Needs Requires Modularity
A modular design system can address complex, overlapping needs—making it easier to scale and support multiple product areas.
Scalable Systems Reduce Complexity
By thinking in systems, we can reduce internal design complexity while supporting consistency across multiple platforms and experiences.
What is true Readability
I spent time researching optimal line lengths, text contrast, and typography to create a smoother reading experience; small, thoughtful changes in presentation can significantly impact user comprehension and comfort.
Next Steps
Next, I was tasked with scaling the redesign across all product areas as well as the logged-out experience, while continuing phased testing across Study.com. The updated lesson page also opened the door for a new roadmap in the 4th–12th grade teacher product, supporting long-requested features now in various stages of design and development.