Accessibility Resource Center (ARC)
Creating the next generation ARC Portal UI and design system
ARC (Accessibility Resource Center) is TPGi's SaaS accessibility management platform through which management and teams can access analytics, defect reports, eLearning modules, an extensive knowledge base of developer techniques, and support – all in a single location. It is the optimal platform for leveraging all your company’s accessibility-related assets and activities.
The goal was to evolve ARC into a modular, personalized platform that supports accessibility consultants in client engagements while helping commercial clients learn more effectively. As Principal UI/UX Designer, I leveraged personalization and progressive disclosure to surface the most relevant information for each user type, resulting in simpler workflows, clearer navigation, and a more intuitive experience.
3 screenshots of ARC prior to the Gen 5 redesign
Stakeholder Personas
We centered the solution around the needs of our internal and external users, using personas informed by client surveys and usability testing with accessibility consultants. This research helped us understand how different user groups leveraged ARC and which insights were most valuable to them, enabling us to tailor the experience accordingly.
Simplified Site Map
Insights from persona development and usability testing informed a simplified information architecture that prioritized key destinations and consolidated content into more intuitive page structures. Guided by user stories and research findings, I redesigned the navigation to better align with users' goals, making the platform easier to navigate and more efficient to use.
Streamlined Navigation
The site map served as the foundation for the platform’s navigation strategy and portal design. Placing contextual navigation adjacent to the primary navigation helped users more easily connect subpages to their parent sections, improving orientation and reducing navigation complexity.
Layout Wireframes
We streamlined the user experience by organizing related dashboards within tabbed interfaces and implementing breadcrumb navigation for improved orientation. This approach reduced navigation overhead, surfaced key information more efficiently, and helped users move through the platform with greater confidence.
ARC Gen 5 Support Menu Prototype
To improve onboarding and self-service support, we designed a contextual help panel that delivers personalized resources based on a user’s location within the platform. By providing just-in-time guidance—including relevant help content and videos—we created a more accessible and effective alternative to traditional onboarding experiences, particularly for screen reader users.
High-Fidelity UI Screens and Design System
To improve scalability and consistency, I developed a design system that provided reusable components, templates, and interaction patterns for both product and engineering teams. This became the foundation of ARC’s pattern library, streamlining the design and development process while enabling faster, more efficient delivery of new features in ARC Gen 5.
Outcomes
Feedback gathered through post-launch surveys and interviews demonstrated increased feature discoverability and improved usability for consultants and enterprise clients. Users valued the personalized support resources and streamlined tabbed navigation, which made it easier to access relevant information and key dashboard insights.
