Scaling BetterLessonโ€™s Resource Center Experience

Scaling BetterLessonโ€™s Resource Center Experience

Scaling BetterLessonโ€™s Resource Center Experience

Modernizing K-12 educator discovery, sustaining user momentum, and establishing long-term operational flexibility.

Role

UI/Web Designer

Timeline

1.5 months (2025)

Tools

Figma, WordPress

Category

UI/Web Design, UX Strategy

Role

UI/Web Designer

Timeline

1.5 months (2025)

Tools

Figma, WordPress

Category

UI/Web Design, UX Strategy

THE PROBLEM

Visitors struggled to find relevant content in BetterLessonโ€™s legacy resource center, resulting in low engagement, missed sales opportunities, and weakened thought leadership.

Visitors struggled to find relevant content in BetterLessonโ€™s legacy resource center, resulting in low engagement, missed sales opportunities, and weakened thought leadership.

Visitors struggled to find relevant content in BetterLessonโ€™s legacy resource center, resulting in low engagement, missed sales opportunities, and weakened thought leadership.

Stakeholder interviews uncovered critical issues: search functionality was suboptimal, navigation was inflexible, and there was no content personalization.

THE SOLUTION

Redesigned the resource center to feature intuitive search, role- and topic-based filtering, and content recommendations to guide visitors smoothly from discovery to lead conversion.

Redesigned the resource center to feature intuitive search, role- and topic-based filtering, and content recommendations to guide visitors smoothly from discovery to lead conversion.

Redesigned the resource center to feature intuitive search, role- and topic-based filtering, and content recommendations to guide visitors smoothly from discovery to lead conversion.

THE IMPACT

Reduced buyer friction

Decision-makers could quickly evaluate BetterLessonโ€™s impact, building trust and lowering perceived risk of adoption.

Elevated experience

Delivered a fully responsive experience, allowing users to navigate content across any device.

Empowered internal operations

Built a scalable content architecture within WordPress, enabling internal teams to easily manage and update resources post-launch.

Reduced buyer friction

Decision-makers could quickly evaluate BetterLessonโ€™s impact, building trust and lowering perceived risk of adoption.

Elevated experience

Delivered a fully responsive experience, allowing users to navigate content across any device.

Empowered internal operations

Built a scalable content architecture within WordPress, enabling internal teams to easily manage and update resources post-launch.

COMPETITVE ANALYSIS

Successful platforms used multi-layered filtering by role and topic, rather than static menus.

Top competitors automated recommendations to keep visitors exploring.

High-performing sites placed lead capture next to content, rather than hiding them at the bottom.

Successful platforms used multi-layered filtering by role and topic, rather than static menus.

Top competitors automated recommendations to keep visitors exploring.

High-performing sites placed lead capture next to content, rather than hiding them at the bottom.

KEY DESIGN SOLUTIONS

Effortless Discovery & Filtering

Role- and topic-based filters and instant search were implemented to eliminate the friction of hunting through rigid legacy menus, allowing educators and school leaders to instantly surface relevant content. Paired with a hero carousel, this immediately guided visitor attention toward high-priority initiatives.

Sustaining User Momentum

A sticky right-hand sidebar was integrated alongside the reading experience to house gated downloadable content, registration forms, and key CTAs. Including โ€œYou may also likeโ€ฆโ€ blocks eliminated the dead-ends of the legacy site.

Scalable Brand Consistency

Cohesive brand styling and refined visual hierarchies were applied across content elements to ensure all pages remained scannable and visually engaging. By building flexible layout modules and a universal promotional banner, this ensured a consistent visual journey that guided user attention site-wide.

NEXT STEPS

Navigating Constraints

Operating on an aggressive timeline to support broader company repositioning required heavily relying on competitive analysis and design heuristics over live user interviews and testing. Validating these choices with direct educator testing would be the logical next step in a future iteration.

Defining Success Post-Launch

While long-term quantitative tracking was cut short by shifting organizational priorities, a future phase would focus on A/B testing the search and filter features, alongside tracking click-through rates on sticky sidebar CTAs and bounce rates on filtered landing pages.

Navigating Constraints

Operating on an aggressive timeline to support broader company repositioning required heavily relying on competitive analysis and design heuristics over live user interviews and testing. Validating these choices with direct educator testing would be the logical next step in a future iteration.

Defining Success Post-Launch

While long-term quantitative tracking was cut short by shifting organizational priorities, a future phase would focus on A/B testing the search and filter features, alongside tracking click-through rates on sticky sidebar CTAs and bounce rates on filtered landing pages.

Thanks for stopping by ๐Ÿ‘‹

ยฉ2026 En Choi. All rights reserved.

Thanks for stopping by ๐Ÿ‘‹

ยฉ2026 En Choi. All rights reserved.