← Back to work

E-Learning
Portal

RoleUX Designer
Timeline2 weeks, Summer 2023
TeamMackenzie R., Camila B., Aidan P.
Internal ProjectAthlon Studio
E-Learning Portal

A centralized learning hub for a fast-growing design team.

As Athlon Studio expanded rapidly, a clear gap emerged — designers joining the team had no single place to learn the studio's processes, design standards, or tools. Knowledge lived in scattered Slack messages, individual conversations, and institutional memory.

In two weeks, the goal was to design an internal e-learning platform that centralized UX design resources, streamlined onboarding, and gave every employee a place to learn at their own pace — regardless of when they joined the team.

Growth without infrastructure creates friction.

Three problems defined the scope from day one.

01

Inconsistent Knowledge Sharing

Rapid growth made it difficult to share processes consistently. New hires were onboarded differently depending on who had time to help them.

02

No Design Standards

There were no centralized design standards or documentation. Expectations for design quality and process were unclear for incoming designers.

03

Peer-Led Learning Gap

95.5% of surveyed employees said they discovered new tools through colleague discussions rather than formal onboarding. The gap between intention and reality was significant.

Surveys and card sorting shaped the structure.

Internal Survey

Internal Survey

An internal survey revealed that while 50% of employees relied on formal onboarding, 95.5% actually learned about new tools through peer conversations. That contrast made the case for a formal learning platform impossible to ignore.

Card Sorting

Design Operations Card-Sorting

One-on-one interviews led to a card-sorting exercise where employees sorted lessons and suggested categories. Feedback like "mini courses with different modules" and "I need to know how to do this specific task" guided the information architecture directly.

Ideation

Ideation

Three directions emerged from ideation — a single-page scroll for uninterrupted learning, three structured tabs for different skill levels, and a dedicated section for director insights to foster leadership connection with the team.

Concepts

Concepts

Three low-fidelity wireframes were developed, each addressing how to present lessons, manage a large content library, and keep information digestible. The concepts ranged from a side-nav single-page layout to a top-nav category system to an on-page tab selector.

User-centric design that makes learning feel accessible.

Through an iterative process guided by user feedback and client preferences, the final design merges efficient navigation, engaging content presentation, and user-centric functionality. Three variations were explored before arriving at the final direction — a hybrid of Concepts 1 and 2 tailored to Athlon's specific learning needs.

Home
Home
Advanced
Advanced Category
Lesson
Lesson Page
Search
Search
No Results
Search — No Results
404
Error 404
Handoff Package
Handoff Package

Designed, handed off, and ready to build in two weeks.

The project was completed on a tight two-week timeline and delivered with a comprehensive handoff package including detailed interaction notes, component libraries, and colour and typography documentation. The full user flow is captured below.

Full User Flow
Full User Flow

Infrastructure for a team that was growing faster than its processes.

The platform addressed a real operational gap — not just a design problem. By giving every employee a single place to access design resources, the tool reduced dependency on individual knowledge transfer and created a consistent onboarding foundation regardless of team size or pace of growth.

Working within a two-week sprint with a small team reinforced how much a focused MVP scope can accomplish. Rather than designing every possible feature, the process of prioritizing against real user needs produced a tighter, more purposeful result.

The handoff process was also a key learning — translating research-informed design decisions into documentation that developers could act on required as much clarity of thinking as the design itself. Clear communication at handoff is as important as the design work that precedes it.

Previous project ← Global Gathering Planner Next project School Website Redesign →