A Hackthon Project
CICan Navigator: Designing for Accessibility and Inclusive User Experience
COMPANY
CICAN
ROLE
UX Designer
EXPERTISE
UX/UI Design
YEAR
2025
Project Overview
I helped redesign the CICan Navigator during a 48-hour hackathon, making it more accessible and user-friendly for Canadians with diverse needs. Our team focused on simplifying workflows and improving assistive technology support, resulting in a more inclusive and intuitive career guidance tool.
Project description
The CICan Navigator project presented a unique opportunity to improve a digital career guidance tool aimed at helping Canadians across diverse backgrounds navigate educational pathways and career transitions. Our team, "Access Granted," tackled the challenge of enhancing usability and ensuring equitable access for users with varying digital literacy and accessibility needs. This case study outlines our approach, methodology, and solutions developed during an intensive hackathon experience.
Hackathon Overview
The CICan Navigator is a digital tool designed by Colleges and Institutes Canada (CICan) to help Canadians make informed career decisions by leveraging up-skilling opportunities available through their coast-to-coast network of 135 member institutions. The tool's primary function is to help learners identify relevant learning and work opportunities while personalizing information based on their unique profiles, backgrounds, and geographical regions
Background
With over 95% of Canadians living within 50km of a college or institute, this tool had the potential to democratize access to educational resources and career guidance. However, the existing interface presented usability challenges for users with diverse needs and varying levels of digital literacy
Challenge
Our team selected the prompt: "How might we improve the usability and ensure equitable access to the tool for learners with diverse digital skills and accessibility needs?" This challenge required us to redesign key aspects of the platform to make it more intuitive, accessible, and valuable for all users, regardless of their abilities or technical experience.
Process
Our approach was anchored in established UX design principles and accessibility standards and began by examining user demographics and accessibility needs through detailed persona analysis
We consulted:
Web Content Accessibility Guidelines (WCAG) for fundamental accessibility requirements
Nielsen Norman Group's ten usability heuristics for interface design evaluation
Human-centered design methodologies to ensure our solutions prioritized real user needs
This foundation of research enabled me to develop evidence-based solutions that would meaningfully address the accessibility and usability challenges.
Key Insights and Design Principles
Our research and analysis led us to several critical insights that guided our redesign:
Visual Design Optimization: The existing interface needed enhanced color contrast, more intuitive iconography, and improved data visualization to support users with visual impairments and those with varying levels of digital literacy
Cognitive Load Reduction: We identified opportunities to simplify complex workflows and reorganize information architecture to reduce cognitive demands on users
Assistive Technology Compatibility: The platform required improved screen reader compatibility and keyboard navigation to support users relying on assistive technologies
Contextual Usability: Features needed to be aligned with user mental models and typical task flows to create intuitive experiences
Responsive Design: The solution needed to work across various devices and connection speeds, particularly for users in remote areas with connectivity challenges
Design Solutions
Based on the insights, we developed comprehensive design solutions across multiple aspects of the CICan Navigator platform
Homepage Redesign
Skills Exploration Interface
Demographic Information Collection
Re-skilling Pathway Visualization
Enhanced Filtering System
Education and Training Section
Technical Considerations
Our design solutions addressed several technical challenges
Screen Reader Compatibility
Low-Bandwidth Optimization
Voice Command Support
Mobile Responsiveness
Impact and Outcomes
Enhanced Accessibility
Improved Usability
Increased Inclusivity
Better Information Architecture