Designing a Visual Language
for the Learner Journey
Context
Platform:
ontariocolleges.ca
Users:
Prospective students navigating the college application process
Scale:
Application experience serving Ontario’s 24 public colleges
Role:
Sole Product Designer
My Contributions
- User Journey Mapping
- Information Architecture
- Content Strategy
- Experience Design
- Design Systems
- Iconography & Illustration Systems
- Visual Language Development
- Accessibility Advocacy
- Wireframing & Prototyping
- Cross-Functional Collaboration
Team:
Product Manager • Developers • Content Specialists
Served as the sole designer on the project, collaborating with product,
content, and development teams.
Challenge
The application journey contained a growing number of pages, resources, and audience-specific experiences. Without a consistent visual language, users had few cues to help them orient themselves, recognize related content, or understand where they were within the broader journey. The challenge was to create a scalable system that improved navigation while remaining flexible enough to support future content growth.
Approach
A Visual Language
Expanding the Learner Pathway
Ontario Colleges’ visual identity introduced the learner pathway as a core brand concept, represented by a continuous line reflecting the decisions and transitions students experience throughout their educational journey.
Rather than treating the pathway as a standalone graphic element, I evolved it into a scalable visual language system that informed iconography, instructional content, and wayfinding across the platform.
This approach created stronger visual continuity, improved user orientation, and established reusable design patterns that could scale alongside the growing application experience.
Transformed a simple brand motif into a
visual language system that guided users
throughout the application journey.
Building an Iconography System
The learner pathway evolved into a flexible iconography system that supported navigation, content discovery, and audience-specific experiences. Constructed from the same continuous-line motif, each icon reinforced the learner journey while creating a consistent visual language across the platform.
By establishing a reusable system rather than individual illustrations, new content and experiences could be introduced without sacrificing familiarity or brand cohesion.
Transformed a core brand motif into a
scalable iconography system that
improved recognition and orientation.
Bringing the Pathway to Life
As the visual language matured, the learner pathway evolved beyond iconography into a recurring character affectionately known as Pathy. Constructed from the same continuous-line motif, Pathy embodied the learner journey and provided a recognizable visual presence throughout the platform.
Pathy appeared in instructional content, application guidance, success messages, error states, and educational resources. By introducing personality into key moments of the experience, the character helped make complex processes feel more approachable while reinforcing the platform’s visual identity.
Transformed a visual motif into a recognizable character that guided, informed, and supported users throughout their journey.
Outcomes
The visual language evolved from a single brand motif into a scalable system used throughout the Ontario Colleges platform. What began as a graphical representation of the learner journey expanded into iconography, navigation aids, instructional illustrations, and a recurring character that supported users across multiple touchpoints.
By applying a consistent visual language across content, navigation, and application experiences, the platform created a more recognizable and cohesive experience for prospective students. The system provided a flexible foundation for future content and initiatives while reinforcing orientation, wayfinding, and brand consistency.
The illustrations and character system were adopted across a wide range of user journeys, helping transform abstract processes into approachable experiences that were easier to understand and navigate.




