College Courses
StraighterLine’s UX/UI Revamp with Shogun Powers Scalable Content and Navigation
Founded in 2008, StraighterLine pioneered accessible and affordable online college courses. As a leading provider of high-quality, ACE CREDIT-reviewed courses, they empower over 45,000 learners annually to earn college credits, upskill for new careers, and achieve their educational goals in partnership with 3,000+ institutions worldwide.
Founded in 2008, StraighterLine pioneered accessible and affordable online college courses. As a leading provider of high-quality, ACE CREDIT-reviewed courses, they empower over 45,000 learners annually to earn college credits, upskill for new careers, and achieve their educational goals in partnership with 3,000+ institutions worldwide.
Scope Summary
The Effort
UX/UI Design
20 hrs
Development
80 hrs
Total
100 hrs
Service Model
On Call
i
We offer three flexible service models: On Call, Project, Monthly. See our pricing page for details.
Engagement Range
$8K – $9K
i
This range is provided only as a reference to help estimate similar engagements. Actual costs vary based on project scope, complexity, custom functionality, and client direction.
Team Members
Project Manager
Developer
Developer
UX/UI Designer
CRO Expert
Tech Stack
Figma
Shogun
The Challenge
Their existing website was falling short, key pages lacked engagement, navigation felt clunky, and valuable resources weren’t easy to find. StraighterLine needed a dynamic, scalable online experience that showcase innovative courses and guide learners toward their educational goals.
Project Goals
Develop and implement reusable Shogun templates for key pages.
Restructure the mega menu for improved navigation.
Redesign the login experience and prepare for social login integration.
Improve the college directory page for enhanced information access.
Ensure all new components are scalable and aligned with brand guidelines.
Coordinate seamlessly for smooth deployment to production.
Our Approach
We began by establishing a Shogun test page to evaluate load speed and identify areas for optimization. Based on approved designs, we built a comprehensive suite of reusable Shogun templates, including "How It Works" pages, Resource Hubs, audience-specific sub-pages, and program-specific templates. These templates were designed for maximum flexibility to accommodate evolving content. We redesigned the login page, prepared for social login integration, and revamped the college page. Inspired by leading educational sites, we also developed an updated mega menu to improve navigation. We maintained constant communication with the engineering team to ensure seamless deployment upon approval.
Outcome
This Shogun-focused development phase established a robust foundation for a more modern, intuitive, and scalable site experience for StraighterLine. By implementing reusable templates, enhancing navigation, and improving key user interfaces, the project set the stage for StraighterLine to expand their content strategy, improve user engagement, and better serve their growing community of learners.
Growth Highlights
Improved Time on Page for Key Resource Pages
Reduced Bounce Rate from Mega Menu
Increased User Engagement with College Directory
Estimates and Timesheet
Custom Design
Theme Development
Conversion Rate Optimization