ACCA Resource Training Hub
ACCA Resource Training Hub
ACCA Resource Training Hub
Streamlining professional development through intuitive organization and simplified discovery.
Case Study
6 min read



PROCESS & SCOPE
My Role
UI/UX Designer
Tools
Figma, FigJam, Google Suite
Team Collaboration
Development and Stakeholders
Timeline
Aug 2024 - Aug 2024
~ 3 days
What are we solving?
Complex navigation preventing members from finding relevant training resources.
Complex navigation preventing members from finding relevant training resources.
PROJECT OVERVIEW
Background
For a client, I identified a critical need to improve ACCA's training resource accessibility. With a diverse range of educational offerings across multiple formats (in-person, live virtual, and on-demand), ACCA needed a more efficient way to connect their members with relevant professional development opportunities. The existing system lacked organization and clear pathways to discovery, making it challenging for members to find and access the training they needed.
Problem
Members struggled to navigate ACCA's extensive training catalog, which was scattered across multiple pages with no unified organization. This fragmented structure meant users had to jump between different sections of the website to compare training options and formats. The lack of a centralized hub and filtering system created unnecessary friction in the professional development journey, potentially causing members to miss valuable educational opportunities.
Impact
The redesigned Training Resource Hub transformed how members discover and access professional development opportunities. The new filtering system and organized tagging structure significantly reduced search time and improved the visibility of available training options. By implementing strategic CTAs and intuitive navigation, the hub not only simplified the user experience but also increased engagement with ACCA's educational offerings.
Goals
• Consolidate all training offerings onto a single, comprehensive hub page
• Create an intuitive filtering system that simplifies the discovery of relevant training opportunities
• Implement a tagging system to organize training offered in multiple formats
• Design a clear secondary navigation to streamline access to different training types
• Consolidate all training offerings onto a single, comprehensive hub page
• Create an intuitive filtering system that simplifies the discovery of relevant training opportunities
• Implement a tagging system to organize training offered in multiple formats
• Design a clear secondary navigation to streamline access to different training types






Key Findings
Key Findings
Scattered Content Placement: Training resources were spread across multiple pages, making it difficult for members to discover and compare relevant opportunities.
Lack of Centralized Hub: Without a unified platform, users had to navigate between different sections, creating unnecessary complexity.
Inefficient Navigation Patterns: Existing pathways were not intuitive, leading to frustration and confusion among users.
Inadequate Filtering Options: Users lacked the ability to efficiently narrow down training options based on format, topic, or availability.
Missed Educational Opportunities: The disorganized system increased the likelihood of users overlooking relevant training resources.
Competitor Benchmarking Insights: Other professional organizations effectively streamlined content discovery by incorporating strong filtering systems, consolidated navigation, and intuitive user flows.
Scattered Content Placement: Training resources were spread across multiple pages, making it difficult for members to discover and compare relevant opportunities.
Lack of Centralized Hub: Without a unified platform, users had to navigate between different sections, creating unnecessary complexity.
Inefficient Navigation Patterns: Existing pathways were not intuitive, leading to frustration and confusion among users.
Inadequate Filtering Options: Users lacked the ability to efficiently narrow down training options based on format, topic, or availability.
Missed Educational Opportunities: The disorganized system increased the likelihood of users overlooking relevant training resources.
Competitor Benchmarking Insights: Other professional organizations effectively streamlined content discovery by incorporating strong filtering systems, consolidated navigation, and intuitive user flows.
Overview
Overview
To create an effective Training Resource Hub for ACCA, I conducted extensive research into their existing training ecosystem. I started by doing a deep dive into their current offerings, analyzing everything from course structures to delivery methods. This helped me understand the unique aspects of each training type—from self-paced online courses to interactive virtual sessions and in-person workshops.
I invested time mapping out all existing training content across ACCA's site, noting how different types of trainings were structured. This analysis revealed that while ACCA offered valuable educational content, the scattered placement across multiple pages was creating unnecessary complexity for users.
Here is a look at the original screens:
To create an effective Training Resource Hub for ACCA, I conducted extensive research into their existing training ecosystem. I started by doing a deep dive into their current offerings, analyzing everything from course structures to delivery methods. This helped me understand the unique aspects of each training type—from self-paced online courses to interactive virtual sessions and in-person workshops.
I invested time mapping out all existing training content across ACCA's site, noting how different types of trainings were structured. This analysis revealed that while ACCA offered valuable educational content, the scattered placement across multiple pages was creating unnecessary complexity for users.
Here is a look at the original screens:
01 Research
Uncovering insights to drive a streamlined and intuitive training experience.
Synthesizing for research-backed decisions.



Competitor Analysis and Feature Ideas
Competitor Analysis and Feature Ideas
My research extended to competitor analysis, examining how other professional organizations structured their training hubs. I focused specifically on navigation patterns, filtering systems, and content organization strategies that successfully simplified complex educational offerings. This, combined with my findings about ACCA's specific needs, strengthened my recommendation for a consolidated training hub with robust filtering capabilities.
My research extended to competitor analysis, examining how other professional organizations structured their training hubs. I focused specifically on navigation patterns, filtering systems, and content organization strategies that successfully simplified complex educational offerings. This, combined with my findings about ACCA's specific needs, strengthened my recommendation for a consolidated training hub with robust filtering capabilities.



User Pain Points: Understanding Member Challenges
User Pain Points: Understanding Member Challenges
To design a seamless and intuitive Training Resource Hub for ACCA, I began by identifying key pain points that were hindering member engagement. Through thorough research and analysis, I uncovered several challenges that users faced when navigating and accessing training resources. These insights laid the foundation for a streamlined, user-focused solution that addressed their needs effectively.
To design a seamless and intuitive Training Resource Hub for ACCA, I began by identifying key pain points that were hindering member engagement. Through thorough research and analysis, I uncovered several challenges that users faced when navigating and accessing training resources. These insights laid the foundation for a streamlined, user-focused solution that addressed their needs effectively.



Overview
Overview
After identifying the key challenges users faced when navigating ACCA’s fragmented training ecosystem, I focused on developing a solution that would address these pain points head-on. The goal was to create a unified, easy-to-navigate Training Resource Hub that streamlined access to relevant professional development opportunities while maintaining flexibility across various training formats.
After identifying the key challenges users faced when navigating ACCA’s fragmented training ecosystem, I focused on developing a solution that would address these pain points head-on. The goal was to create a unified, easy-to-navigate Training Resource Hub that streamlined access to relevant professional development opportunities while maintaining flexibility across various training formats.
📚 Centralized Hub for All Training Offerings
📚 Centralized Hub for All Training Offerings
To eliminate the need for members to jump between multiple pages, I consolidated all training resources into a single, intuitive hub. This centralized structure ensures that users can explore all available training formats—whether in-person, virtual, or on-demand—without unnecessary friction.
To eliminate the need for members to jump between multiple pages, I consolidated all training resources into a single, intuitive hub. This centralized structure ensures that users can explore all available training formats—whether in-person, virtual, or on-demand—without unnecessary friction.
🏷️ Smart Tagging System for Better Organization
🏷️ Smart Tagging System for Better Organization
To eliminate the need for members to jump between multiple pages, I consolidated all training resources into a single, intuitive hub. This centralized structure ensures that users can explore all available training formats—whether in-person, virtual, or on-demand—without unnecessary friction.
To eliminate the need for members to jump between multiple pages, I consolidated all training resources into a single, intuitive hub. This centralized structure ensures that users can explore all available training formats—whether in-person, virtual, or on-demand—without unnecessary friction.
🗂️ Card Layout for Quick Comparison
🗂️ Card Layout for Quick Comparison
I redesigned the training cards to present essential information at a glance. Each card now includes key details such as: Training type, Duration, Price, and Status tags for time-sensitive courses (e.g., “Limited Availability” or “Coming Soon”).
This approach allows users to quickly scan and compare offerings without the need for excessive clicks, significantly improving the decision-making process.
I redesigned the training cards to present essential information at a glance. Each card now includes key details such as: Training type, Duration, Price, and Status tags for time-sensitive courses (e.g., “Limited Availability” or “Coming Soon”).
This approach allows users to quickly scan and compare offerings without the need for excessive clicks, significantly improving the decision-making process.
02 Defining the Solution
Creating a seamless and intuitive hub to simplify professional development.



Overview
Overview
With a clear understanding of the challenges and a defined solution in place, I moved into the design phase with a focus on creating a seamless and visually engaging experience that aligned with ACCA’s professional brand identity.
With a clear understanding of the challenges and a defined solution in place, I moved into the design phase with a focus on creating a seamless and visually engaging experience that aligned with ACCA’s professional brand identity.
Final Screens Showcasing Key Features
Final Screens Showcasing Key Features
The final designs reflect a user-centric approach that consolidated all training resources into a unified platform. I prioritized intuitive navigation, efficient content discovery, and a visually organized interface to create a seamless user experience.
The final designs reflect a user-centric approach that consolidated all training resources into a unified platform. I prioritized intuitive navigation, efficient content discovery, and a visually organized interface to create a seamless user experience.
🔄 Interactive Prototype for User Testing
🔄 Interactive Prototype for User Testing
To validate these designs, I built an interactive prototype in Figma, allowing stakeholders and test users to experience the new hub firsthand and provide valuable feedback before moving into development.
These final designs empowered ACCA to deliver a streamlined, user-focused training hub that significantly improved navigation, discovery, and engagement for their members.
To validate these designs, I built an interactive prototype in Figma, allowing stakeholders and test users to experience the new hub firsthand and provide valuable feedback before moving into development.
These final designs empowered ACCA to deliver a streamlined, user-focused training hub that significantly improved navigation, discovery, and engagement for their members.
Establishing Design Consistency with a Design Library
Establishing Design Consistency with a Design Library
To maintain visual consistency and reinforce ACCA’s brand, I created a comprehensive design library that outlined:
• Typography guidelines for hierarchy and readability
• A clean, professional color palette to align with ACCA’s brand
• Iconography and visual cues to guide users effortlessly through the platform
ACCA previously had a style guide, which I began creating in Figma, while updating with new components for the training hub.
To maintain visual consistency and reinforce ACCA’s brand, I created a comprehensive design library that outlined:
• Typography guidelines for hierarchy and readability
• A clean, professional color palette to align with ACCA’s brand
• Iconography and visual cues to guide users effortlessly through the platform
ACCA previously had a style guide, which I began creating in Figma, while updating with new components for the training hub.
03 Design
Crafting an intuitive and engaging experience to drive user engagement.



Through this project, I gained valuable insights into designing for complex content ecosystems and optimizing user journeys in professional development platforms. The process reinforced the importance of intuitive navigation, strategic content structuring, and accessible filtering systems. By addressing ACCA’s pain points, the new Training Resource Hub not only enhanced usability but also set a foundation for scalable improvements as their training offerings continue to evolve.
Through this project, I gained valuable insights into designing for complex content ecosystems and optimizing user journeys in professional development platforms. The process reinforced the importance of intuitive navigation, strategic content structuring, and accessible filtering systems. By addressing ACCA’s pain points, the new Training Resource Hub not only enhanced usability but also set a foundation for scalable improvements as their training offerings continue to evolve.