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
- User Experience for Different Roles – The site had multiple user roles, including students, instructors, and administrators, each requiring a tailored interface.
- Navigation & Content Structure – The previous design lacked clear navigation paths, making it difficult for users to find courses, certifications, and learning resources.
- Performance Issues – The site needed optimization to improve page load speeds and overall performance.
- 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!