AI-POWERED TRAINING APP

SkillsTrax: AI-Powered Training & Onboarding Platform

COMPANY

SkillsTrax

ROLE

UX Designer

EXPERTISE

UX/UI Design

TEAM

1 UX Designer,
2 UI Developers,
1 AI Engineer,
1 Product Manager

Usability Testing & Iterations

Client Delivery & Launch Preperation

Solution

Results & Impact

Lessons Learned

Project Description

On-the-job training, task & efficiency management technology for instant access to learning materials and answers.

The newly onboarded worker struggles to complete a specific activity without support, risking decreased productivity, increased frustration, unsafe conditions, and rising business costs.

Timeline

January - April 2021 (4 months)

The Challenge

The goal was to create an intuitive platform that would increase engagement in new employees, streamline the training process, and connect learning directly to career advancement. SkillsTrax approached me to design their corporate training platform that focused on supporting clients that suffer from:

Low completion rates: Only 37% of employees completed assigned training
Outdated training techniques: Employees retain little of the training reviewed during one week of training videos.
Poor user experience: Existing training method had a 72% drop-off rate
Disconnected career development: No connection between training and career progression
Difficult content discovery: Users couldn't easily find relevant training materials
Limited tracking capabilities: Managers lacked visibility into team development

Discovery & Research (4 Weeks)

User Research

I conducted a comprehensive research program including:

5 interviews with employees across different roles and experience levels
3 interviews with managers and training administrators
Online glassdoor, indeed, Reddit, break room.cc (etc.) reviews of onboarding with companies similar to our ideal customer

Competitive Analysis

I analyzed 4 competing platforms to identify opportunities for differentiation and best practices in the training space.

Personas & Journey Maps

I developed 3 detailed user personas and corresponding journey maps:

New Hire Nathan: Focus on onboarding efficiency
Manager Maria: Emphasis on team oversight and development planning
Career-Changer Carlos: Centered on skill development for internal mobility

USER PERSONA 1
New employee that is utilizing SkillsTrax to start training from Day 1.
USER PERSONA 2
Shift manager looking to have insight on how employee training and upskilling is going.
USER PERSONA 3
Current Employee looking to upsill into his new position inside of the company.
USER PERSONA 1
New employee that is utilizing SkillsTrax to start training from Day 1.
USER PERSONA 2
Shift manager looking to have insight on how employee training and upskilling is going.
USER PERSONA 3
Current Employee looking to upsill into his new position inside of the company.
USER PERSONA 1
New employee that is utilizing SkillsTrax to start training from Day 1.
USER PERSONA 2
Shift manager looking to have insight on how employee training and upskilling is going.
USER PERSONA 3
Current Employee looking to upsill into his new position inside of the company.
USER PERSONA 1
New employee that is utilizing SkillsTrax to start training from Day 1.
USER PERSONA 2
Shift manager looking to have insight on how employee training and upskilling is going.
USER PERSONA 3
Current Employee looking to upsill into his new position inside of the company.

Key Insights

My research revealed several critical needs:

Users wanted personalized learning paths based on their career goals

Managers needed better visibility into team skills development

Content discoverability was a major barrier to completion

Mobile access was essential for busy professionals

Recognition and gamification could significantly increase engagement

Design Process (6 Weeks)

Ideation & Information Architecture

I began by restructuring the entire information architecture:

Created a card sorting exercise with 12 participants
Developed a new taxonomy for training content
Sketched multiple navigation concepts

Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case

Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case

Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case
Application Wizard
Identifying all of the Account Management Check Off List items that needed to be included on this application.
Training Check off list
Research involving all of the necessary trainings that needed to be available to employees utilizing the application.
Outcome situation-impact-resolution (SIR) storytelling
High-level user persona intended use case

Low-Fidelity Wireframes

I developed wireframes for key user journeys:

Onboarding flow
Training discovery and recommendations
Progress tracking dashboards
Career path planning tools
Manager oversight features

Mid-Fidelity Prototyping

Based on stakeholder feedback, I created interactive prototypes:

Used Figma to build clickable user flows
Conducted 8 usability testing sessions
Identified and resolved 12 key usability issues
Refined the AI recommendation engine interface based on user feedback

Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Login Screen
Beginning touch point to the platform
Homepage
First place you land after logging into the platform.
Location based training
Use training by department to help implement a self-guided tour of the floor for new employees.
Training Check off list
Mark down your training progress and keep track of your own career track.
Different levels
Find exactly what you are looking for. Different levels of training for different needs.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

High-Fidelity Design

I crafted the final UI design:

Developed a clean, accessible interface following WCAG 2.1 guidelines
Created a component library for consistent implementation
Designed responsive layouts for desktop, tablet and mobile experiences
Incorporated subtle gamification elements to increase engagement

Usability Testing & Iteration (3 Weeks)

Iteration 1
iteration 2
iteration 3
Iteration 1
iteration 2
iteration 3
Iteration 1
iteration 2
iteration 3
Iteration 1
iteration 2
iteration 3

Testing Methodology

I designed and conducted multiple rounds of testing:

10 moderated usability testing sessions with target users
2 rounds of unmoderated testing using UserTesting.com
A/B testing of two different recommendation interfaces
Accessibility audit with screen reader users

Key Iterations

Based on testing results, I made several critical improvements:

Simplified the career path creation workflow (reduced steps from 7 to 3)
Redesigned the progress visualization for better comprehension (83% improvement in task success)
Enhanced the search functionality with filters and natural language processing
Added contextual help features for complex tasks

Client Delivery & Launch Preparation (2 Weeks)

Client Delivery & Launch Preparation
(2 Weeks)

Created comprehensive handoff documentation for the client's internal team
Developed training materials for administrators and power users
Built a phased implementation plan prioritizing highest-impact features
Designed a launch campaign to drive initial adoption

Solution

The resulting AI-powered training app offers a seamless onboarding experience, allowing individuals and businesses to effortlessly manage the needs of their customers without extra overhead for training.

AI-Powered Recommendations

The platform uses machine learning to suggest relevant training based on:

Career goals and interests
Current skill gaps
Learning patterns and preferences
Manager recommendations
Organizational priorities

Career Path Planning

Users can visualize and plan their professional development:

Interactive career path visualization
Skill gap analysis
Customizable development plans
Direct connection between training and advancement opportunities

Progress Tracking

Comprehensive dashboards provide visibility into development:

Real-time completion statistics
Skill acquisition visualization
Certification tracking
Team progress for managers
Recognition and achievement features

Intelligent Search

Enhanced discoverability through:

Natural language search capabilities
Contextual filtering options
Content tagging and metadata
Search by skill, role, or location

Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.
Request a New Path
Using the career path tracking interface and suggest new training toward your professional goals.
Track your progress
See how many trainings you have completed and check in with your manager.
Keyword search
Find exactly what you are looking for weather it be a training, a product use or location.

Results & Impact

Here, the outcomes and achievements of the project are highlighted, including user feedback, adoption rates, and industry recognition.

Measurable Outcomes

Increased Completion Rates: Training completion improved from 37% to 82%
Enhanced Engagement: Average time spent on the platform increased by 215%
Improved Satisfaction: User satisfaction scores rose from 2.4/5 to 4.7/5
Better Discovery: Time to find relevant content decreased by 68%
Higher Retention: Companies using SkillsTrax saw a 23% decrease in turnover among engaged users

Business Impact

Platform was successfully launched to 5 enterprise clients with 10,000+ total users
SkillsTrax secured additional funding based partly on the strength of the new design

Lessons Learned

The biggest challenge was balancing personalization with organizational requirements. By creating flexible frameworks rather than rigid paths, we were able to meet both individual and business needs effectively.

This project reinforced several important principles:

User-centered design is critical for learning platforms:
Understanding the emotional aspects of career development led to more engaging features
AI needs a human touch:
The most successful features combined algorithmic recommendations with human input
Cross-functional collaboration drives innovation:
Working directly with AI engineers led to unique solutions we couldn't have developed separately
Progressive disclosure is essential for complex systems:
Breaking the career planning process into manageable steps significantly improved completion