ProRank Academy

Building a Digital Foundation for PennDOT’s Mentor-Protégé Program

Client: ProRank
Project: ProRank Academy site Upgrades
Industry: Government & Transportation
Services Provided: Web Design, UI/UX Design, Content Strategy, Accessibility Compliance,
and Web Development

ProRank Academy, a leading training platform for workforce development, required a complete redesign and development of its website to enhance user experience, improve accessibility, and optimize functionality for both logged-in and logged-out users. The goal was to create a seamless and modern learning experience while incorporating a structured and intuitive design.

Project Goals

  • Improve the UI/UX for public-facing pages and the logged-in student portal.
  • Enhance navigation to provide an intuitive user journey.
  • Optimize the website for performance, SEO, and accessibility.
  • Integrate new features that support course management and student engagement.
  • Ensure mobile responsiveness for learners accessing the platform on various devices.

Challenges

  1. User Experience for Different Roles – The site had multiple user roles, including students, instructors, and administrators, each requiring a tailored interface.
  2. Navigation & Content Structure – The previous design lacked clear navigation paths, making it difficult for users to find courses, certifications, and learning resources.
  3. Performance Issues – The site needed optimization to improve page load speeds and overall performance.
  4. Scalability & Security – A growing user base requires a secure platform to handle increased traffic.

Our Approach

1. Logged-Out User Experience

  • Modern Design: Clean layout with clear CTAs.

  • Hero Section: Highlights offerings and featured content.

  • Streamlined Navigation: Categorized menus for quick access.

  • How-To Videos: Interactive previews to showcase learning.

  • Accessible Content: Text versions of videos for screen readers.

  • SEO Ready: Metadata, mobile-first, and keyword optimization.

  • Faster Load Times: Optimized media, minified code, and CDN support.

2. Logged-In User Experience

  • Personal Dashboards: Quick access to courses and progress.

  • Improved Course Navigation: Filters and categories.

  • Interactive Lessons: Videos, downloads, and quizzes.

  • Progress Tracking: Visual indicators for motivation.

  • Instructor Tools: Simplified course and student management.

  • Secure Login: MFA and role-based access.

     

Results & Impact

  • 30% Increase in Student Engagement – Improved course accessibility and usability encouraged higher participation.
  • 50% Faster Page Load Times – Performance optimizations significantly reduced load times, improving the user experience.
  • Enhanced Mobile Experience – Fully responsive design improved access for users on smartphones and tablets.
  • Higher Course Completion Rates – Streamlined navigation and progress tracking contributed to improved retention.
  • Improved SEO Rankings – Better metadata structure and mobile-friendliness led to increased organic traffic.

Conclusion

The redesigned ProRank Academy website successfully transformed the user experience for logged-in and logged-out users. Strategic UI/UX, navigation, performance, and security improvements have significantly enhanced the platform’s usability and accessibility, positioning ProRank Academy for continued growth and success.

Looking for a custom website solution?

Let’s connect to discuss how we can elevate your digital presence!