End-To-End Application

A complete product design solution improving how adult league teams manage rosters, attendance, communication, and game logistics.

End-To-End Application

A complete product design solution improving how adult league teams manage rosters, attendance, communication, and game logistics.

End-To-End Application

A complete product design solution improving how adult league teams manage rosters, attendance, communication, and game logistics.

TEAM

Time

2.5 Months

My role

Sole Designer & Researcher

KEY SKILLS

Branding

Research

UX/UI

Testing

TEAM

Time

2.5 Months

My role

Sole Designer & Researcher

KEY SKILLS

Branding

Research

UX/UI

Testing

TEAM

Time

2.5 Months

My role

Sole Designer & Researcher

KEY SKILLS

Branding

Research

UX/UI

Testing

overview

Streamlined team management

Streamlined team management

Most apps for adult league sports help manage rosters and attendance but fail to offer a seamless, accessible experience. This project explores the adult league hockey landscape to uncover key challenges and design an app that simplifies team management and enhances the player experience.

Discovery

Understanding the problems

Managing adult league teams often means juggling group chats, emails, spreadsheets, and outdated apps, leading to confusion and missed games. Solving this helps make organizing and playing more reliable and enjoyable.

User Interviews

Interviews Conducted

5

Demographics

2 Females & 3 Males

Method

Redorded Zoom Call

Key Insights from User Research

Poor Communication

Users rely on either email or text chains to communicate, which can get overwhelming.

"For attendance, we used both email & group chats. Email is easier to track, but less immediate. Text chain, however, is quicker to get responses, but can get off topic quickly leading to some confusion."

Simple & Intuitive

Users stressed the need for a simple & intuitive design, as most others are cluttered & hard to use.

"I’m juggling work, family, and team responsibilities. I need a clean, intuitive design that helps me manage our adult league team efficiently, not something that adds more steps.”

Organizational Tools

Users, primarily those managing teams, need the ability to clearly organize & manage their teams to get ready for gameday.

"Getting a team ready for gameday is a lot. I need tools that help me organize everything without the chaos."

Competitive Analysis

Drawing from user interviews, I identified key pain points and needs in how players and managers organize their teams. I then conducted a competitor analysis to see how current apps handle these issues and where opportunities for improvement exist.

Poor Navigation

Poor navigation and unclear information architecture make it hard for managers to find key features like rosters, schedules, and attendance. When actions are buried or inconsistent, even simple tasks become frustrating.

Overwhelming Interfaces

Cluttered layouts and scattered features make adult league apps difficult to use. Busy managers face friction when handling rosters, attendance, schedules, and subs.

Affinity Mapping

I created an affinity map to organize all the insights from user research into clear themes. This helped reveal consistent pain points and patterns, allowing me to focus the problem statement and prioritize features based on real user needs rather than assumptions.

DEFINITION

Problem Statement

Team manager organization methods are outdated, inefficient & not reliable. 

The team managers I interviewed primarily rely on email and text message chains to coordinate with their players. While these methods can accomplish the basics, they are often inefficient, unreliable, and feel outdated. Group chats frequently become cluttered with off-topic chatter, making it difficult to track responses, while email is slow and not well-suited for quick communication. Additionally, these methods lack essential organizational features such as viewing the season schedule, setting up game reminders, and managing substitute players.

Persona

Based on the research, two personas were developed; however, due to project scope and time constraints, the focus was narrowed to one primary persona, Mike, the team manager. Mike is a busy professional who manages multiple adult league hockey teams in his spare time. He currently relies on email and text threads to coordinate with players, but these methods have proven inefficient. Although he has experimented with sports management apps, poor usability has consistently prevented long-term adoption.

Persona #1: Mike (Team Manager)

User Needs & Wants

Attendance Tracking

Team managers want to be able to easily see who is coming to games so they can find substitutes if needed.

Clear Communication

Team managers want to easily be able to communicate with members of the team if there are any issues.

Add New Players

Team managers want to easily be able to add new players to their roster.

Notifications

Team mangers want to be able to send notifications to the whole team at once should there be a last minute change.

IDEATION

User Flows

The user flow focuses on the team manager and outlines the key tasks needed to set up and manage a team, including creating an account, adding a team, and adding players. It highlights how the app streamlines onboarding and supports effective team management.

Drawing different concepts

Low-Fidelity Sketches

During the early design process, I ran into a creative block that made it hard to establish a clear direction. Sketching different versions of key screens helped me get ideas out of my head and onto paper, which made it easier to move forward. It also allowed me to iterate quickly and explore multiple options before narrowing down the best approach.

screen - onboarding
screen - onboarding

Early Stage Low-Fidelity Sketches

Mid-Fidelity Screens

After sketching several screen variations, I identified the strongest ideas and combined them into mid-fidelity wireframes. These helped clarify spacing, hierarchy, and overall flow in a way low-fidelity sketches couldn’t.

screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Login

Frame #2: Homepage

Frame #1: Individual Team Page

DESIGNS

Branding

For the visual identity, I aimed for a modern, polished look that felt professional yet energetic. Building the app entirely in dark mode was a key challenge, pushing me to refine my understanding of accessibility and color contrast while ensuring all text and interactive elements stayed clear and legible against dark backgrounds.

Typography

For typography, I selected Inter, a clean and highly readable font widely used in digital interfaces.

Logo

The logo was designed to be minimal and versatile & one that represents the app’s identity and maintains clarity at any size or placement.

UI Kit

To maintain consistency across the app, I created a comprehensive UI Kit & Component library. This included elements like buttons, inputs, navigation bars & toggles all designed to align with the dark theme and established color palette. Building this library not only streamlined the design process but also made it easier to ensure visual consistency and scalability as new screens or features were added. It greatly helped me maintain a cohesive look and feel throughout the app.

High-Fidelity Screens

Using the style tile and UI kit, I created high-fidelity mockups to bring the visual design to life. This stage allowed me to apply the final colors, typography, and components in context and refine spacing, alignment, and hierarchy for a cohesive, accessible interface.

screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Individual Team Page

Frame #2: Current Game Page With "Yes" For RSVP

Frame #3: Entire Team Group Chat

Tools Used

Key Features

Build Your Team

Set up new teams and manage rosters effortlessly. The streamlined flow simplifies team creation and reduces the friction of organizing players manually.

Track Attendance

Players can quickly indicate their availability, giving managers a clear view of who’s in or out. This feature helps prevent confusion and supports smoother game planning.

Game Alerts

Automated reminders and real-time updates ensure everyone stays informed. Players get timely notifications, reducing missed games and last-minute coordination issues.

Team Chat

Keep communication simple and centralized. In-app messaging lets players and managers share updates, coordinate plans, and stay connected all without juggling multiple apps.

DISCOVERY

Understanding the problems

Managing adult league teams often means juggling group chats, emails, spreadsheets, and outdated apps, leading to confusion and missed games. Solving this helps make organizing and playing more reliable and enjoyable.

User Interviews

Interviews Conducted

5

Demographics

2 Female & 3 Male

Method

Recorded Zoom Call

Key Insights from User Research

Poor Communication

Users rely on either email or text chains to communicate, which can get overwhelming.

"For attendance, we used both email & group chats. Email is easier to track, but less immediate. Text chain, however, is quicker to get responses, but can get off topic quickly leading to some confusion."

Simple & Intuitive

Users stressed the need for a simple & intuitive design, as most others are cluttered & hard to use.

"I’m juggling work, family, and team responsibilities. I need a clean, intuitive design that helps me manage our adult league team efficiently, not something that adds more steps.”

Organizational Tools

Users, primarily those managing teams, need the ability to clearly organize & manage their teams to get ready for gameday.

"Getting a team ready for gameday is a lot. I need tools that help me organize everything without the chaos."

Competitive Analysis

Drawing from user interviews, I identified key pain points and needs in how players and managers organize their teams. I then conducted a competitor analysis to see how current apps handle these issues and where opportunities for improvement exist.

Poor Navigation

Poor navigation and unclear information architecture make it hard for managers to find key features like rosters, schedules, and attendance. When actions are buried or inconsistent, even simple tasks become frustrating.

Overwhelming Interfaces

Cluttered layouts and scattered features make adult league apps difficult to use. Busy managers face friction when handling rosters, attendance, schedules, and subs.

Affinity Mapping

I created an affinity map to organize all the insights from user research into clear themes. This helped reveal consistent pain points and patterns, allowing me to focus the problem statement and prioritize features based on real user needs rather than assumptions.

Definition

Problem Statement

Team manager organization methods are outdated, inefficient & not reliable. 

The team managers I interviewed primarily rely on email and text message chains to coordinate with their players. While these methods can accomplish the basics, they are often inefficient, unreliable, and feel outdated. Group chats frequently become cluttered with off-topic chatter, making it difficult to track responses, while email is slow and not well-suited for quick communication. Additionally, these methods lack essential organizational features such as viewing the season schedule, setting up game reminders, and managing substitute players.

Persona

Based on the research, two personas were developed; however, due to project scope and time constraints, the focus was narrowed to one primary persona, Mike, the team manager. Mike is a busy professional who manages multiple adult league hockey teams in his spare time. He currently relies on email and text threads to coordinate with players, but these methods have proven inefficient. Although he has experimented with sports management apps, poor usability has consistently prevented long-term adoption.

Persona #1: Mike (Team Manager)

User Needs & Wants

Attendance Tracking

Team managers want to be able to easily see who is coming to games so they can find substitutes if needed.

Clear Communication

Team managers want to easily be able to communicate with members of the team if there are any issues.

Add New Players

Team managers want to easily be able to add new players to their roster.

Notifications

Team mangers want to be able to send notifications to the whole team at once should there be a last minute change.

IDEATION

User Flows

The user flow focuses on the team manager and outlines the key tasks needed to set up and manage a team, including creating an account, adding a team, and adding players. It highlights how the app streamlines onboarding and supports effective team management.

User Flow

Low-Fidelity Sketches

During the early design process, I ran into a creative block that made it hard to establish a clear direction. Sketching different versions of key screens helped me get ideas out of my head and onto paper, which made it easier to move forward. It also allowed me to iterate quickly and explore multiple options before narrowing down the best approach.

Early Stage Low-Fidelity Sketches

Mid-Fidelity Screens

After sketching several screen variations, I identified the strongest ideas and combined them into mid-fidelity wireframes. These helped clarify spacing, hierarchy, and overall flow in a way low-fidelity sketches couldn’t.

screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Login Page | Frame #2: Homepage | Frame #3: Individual Team Page

DESIGNS

Branding

For the visual identity, I aimed for a modern, polished look that felt professional yet energetic. Building the app entirely in dark mode was a key challenge, pushing me to refine my understanding of accessibility and color contrast while ensuring all text and interactive elements stayed clear and legible against dark backgrounds.

Typography

For typography, I selected Inter, a clean and highly readable font widely used in digital interfaces.

Logo

The logo was designed to be minimal and versatile & one that represents the app’s identity and maintains clarity at any size or placement.

UI Kit

To maintain consistency across the app, I created a comprehensive UI Kit & Component library. This included elements like buttons, inputs, navigation bars & toggles all designed to align with the dark theme and established color palette. Building this library not only streamlined the design process but also made it easier to ensure visual consistency and scalability as new screens or features were added. It greatly helped me maintain a cohesive look and feel throughout the app.

High-Fidelity Screens

Using the style tile and UI kit, I created high-fidelity mockups to bring the visual design to life. This stage allowed me to apply the final colors, typography, and components in context and refine spacing, alignment, and hierarchy for a cohesive, accessible interface.

screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Individual Team Page | Frame #2: Current Game Page With "Yes" For RSVP | Frame #3: Entire Team Group Chat

Tools Used

Key Features

Build Your Team

Set up new teams and manage rosters effortlessly. The streamlined flow simplifies team creation and reduces the friction of organizing players manually.

Track Attendance

Players can quickly indicate their availability, giving managers a clear view of who’s in or out. This feature helps prevent confusion and supports smoother game planning.

Game Alerts

Automated reminders and real-time updates ensure everyone stays informed. Players get timely notifications, reducing missed games and last-minute coordination issues.

Team Chat

Keep communication simple and centralized. In-app messaging lets players and managers share updates, coordinate plans, and stay connected all without juggling multiple apps.

TESTING

Usability Testing

Usability testing was conducted through 30–45-minute moderated sessions using a high-fidelity prototype. Five participants with varying experience levels completed seven key tasks covering the app’s core features. Overall feedback was highly positive. Users found the interface clean, intuitive, and easy to navigate. The chat feature and attendance/roster pages stood out as highlights, and participants responded especially well to the dark theme design.

What Worked

100% Completion

Users were able to complete all requested tasks easily & with little assistance.

Ease Of Use

100% of users stated that they felt that the app guided them through tasks with no friction.

Visual Appeal

Users stated the app felt clean & intuitive. They also praised the color scheme.

What Didn't Work

Sign Up Button

Users had difficulty locating the Sign Up option on the homepage causing missclicks on the Login section.

Tab Bar

Users were having difficulty differentiating between the Homepage tab & the Dashboard tab.

Missing Visual Cues

Users stated that there were areas that could benefit from additional visual styling for emphasis.

Priority Revisions

After testing, I prioritized revisions that would have the biggest impact on usability. I turned user feedback into clear design updates, improving layouts, navigation, and interactions. I also refined the dark theme to meet accessibility and contrast standards, resulting in a more polished and intuitive prototype.

screen - onboarding

Before - Users had difficulty locating the Sign Up button.

screen - onboarding

After - Moved Sign Up button higher, centered & changed color of text for visual emphasis.

screen - onboarding

Before - The Dashboard label feels too similar to Home, and there aren’t enough visual cues to highlight important messages.

screen - onboarding

After - Got rid of dashboard icon to simplify navigation & added "Captain" tag to show emphasis on messages sent by manager.

DISCOVERY

Understanding the problems

Managing adult league teams often means juggling group chats, emails, spreadsheets, and outdated apps, leading to confusion and missed games. Solving this helps make organizing and playing more reliable and enjoyable.

User Interviews

Interviews Conducted

5

Interviews Conducted

5

Demographics

2 Female & 3 Male

Demographics

2 Female & 3 Male

Method

Recorded Zoom Call

Method

Recorded Zoom Call

Key Insights from User Research

Poor Communication

Users rely on either email or text chains to communicate, which can get overwhelming.

"For attendance, we used both email & group chats. Email is easier to track, but less immediate. Text chain, however, is quicker to get responses, but can get off topic quickly leading to some confusion."

Poor Communication

Users rely on either email or text chains to communicate, which can get overwhelming.

"For attendance, we used both email & group chats. Email is easier to track, but less immediate. Text chain, however, is quicker to get responses, but can get off topic quickly leading to some confusion."

Simple & Intuitive

Users stressed the need for a simple & intuitive design, as most others are cluttered & hard to use.

"I’m juggling work, family, and team responsibilities. I need a clean, intuitive design that helps me manage our adult league team efficiently, not something that adds more steps.”

Simple & Intuitive

Users stressed the need for a simple & intuitive design, as most others are cluttered & hard to use.

"I’m juggling work, family, and team responsibilities. I need a clean, intuitive design that helps me manage our adult league team efficiently, not something that adds more steps.”

Organizational Tools

Users, primarily those managing teams, need the ability to clearly organize & manage their teams to get ready for gameday.

"Getting a team ready for gameday is a lot. I need tools that help me organize everything without the chaos."

Organizational Tools

Users, primarily those managing teams, need the ability to clearly organize & manage their teams to get ready for gameday.

"Getting a team ready for gameday is a lot. I need tools that help me organize everything without the chaos."

Competitive Analysis

Drawing from user interviews, I identified key pain points and needs in how players and managers organize their teams. I then conducted a competitor analysis to see how current apps handle these issues and where opportunities for improvement exist.

Poor Navigation

Poor navigation and unclear information architecture make it hard for managers to find key features like rosters, schedules, and attendance. When actions are buried or inconsistent, even simple tasks become frustrating.

Overwhelming Interfaces

Cluttered layouts and scattered features make adult league apps difficult to use. Busy managers face friction when handling rosters, attendance, schedules, and subs.

Affinity Mapping

I created an affinity map to organize all the insights from user research into clear themes. This helped reveal consistent pain points and patterns, allowing me to focus the problem statement and prioritize features based on real user needs rather than assumptions.

DEFINITION

Problem Statement

Team manager organization methods are outdated, inefficient & not reliable. 

The team managers I interviewed primarily rely on email and text message chains to coordinate with their players. While these methods can accomplish the basics, they are often inefficient, unreliable, and feel outdated. Group chats frequently become cluttered with off-topic chatter, making it difficult to track responses, while email is slow and not well-suited for quick communication. Additionally, these methods lack essential organizational features such as viewing the season schedule, setting up game reminders, and managing substitute players.

Persona

Based on the research, two personas were developed; however, due to project scope and time constraints, the focus was narrowed to one primary persona, Mike, the team manager. Mike is a busy professional who manages multiple adult league hockey teams in his spare time. He currently relies on email and text threads to coordinate with players, but these methods have proven inefficient. Although he has experimented with sports management apps, poor usability has consistently prevented long-term adoption.

Persona #1: Mike (Team Manager)

User Needs & Wants

Attendance Tracking

Team managers want to be able to easily see who is coming to games so they can find substitutes if needed.

Attendance Tracking

Team managers want to be able to easily see who is coming to games so they can find substitutes if needed.

Clear Communication

Team managers want to easily be able to communicate with members of the team if there are any issues.

Clear Communication

Team managers want to easily be able to communicate with members of the team if there are any issues.

Add New Players

Team managers want to easily be able to add new players to their roster.

Add New Players

Team managers want to easily be able to add new players to their roster.

Notifications

Team mangers want to be able to send notifications to the whole team at once should there be a last minute change.

Notifications

Team mangers want to be able to send notifications to the whole team at once should there be a last minute change.

IDEATION

User Flows

The user flow focuses on the team manager and outlines the key tasks needed to set up and manage a team, including creating an account, adding a team, and adding players. It highlights how the app streamlines onboarding and supports effective team management.

Drawing different concepts

Low-Fidelity Sketches

During the early design process, I ran into a creative block that made it hard to establish a clear direction. Sketching different versions of key screens helped me get ideas out of my head and onto paper, which made it easier to move forward. It also allowed me to iterate quickly and explore multiple options before narrowing down the best approach.

Early Stage Low-Fidelity Sketches

Mid-Fidelity Screens

After sketching several screen variations, I identified the strongest ideas and combined them into mid-fidelity wireframes. These helped clarify spacing, hierarchy, and overall flow in a way low-fidelity sketches couldn’t.

screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Login Page | Frame #2: Homepage | Frame #3: Individual Team Page

DESIGNS

Branding

For the visual identity, I aimed for a modern, polished look that felt professional yet energetic. Building the app entirely in dark mode was a key challenge, pushing me to refine my understanding of accessibility and color contrast while ensuring all text and interactive elements stayed clear and legible against dark backgrounds.

Typography

For typography, I selected Inter, a clean and highly readable font widely used in digital interfaces.

Typography

For typography, I selected Inter, a clean and highly readable font widely used in digital interfaces.

Logo

The logo was designed to be minimal and versatile & one that represents the app’s identity and maintains clarity at any size or placement.

Logo

The logo was designed to be minimal and versatile & one that represents the app’s identity and maintains clarity at any size or placement.

UI Kit

To maintain consistency across the app, I created a comprehensive UI Kit & Component library. This included elements like buttons, inputs, navigation bars & toggles all designed to align with the dark theme and established color palette. Building this library not only streamlined the design process but also made it easier to ensure visual consistency and scalability as new screens or features were added. It greatly helped me maintain a cohesive look and feel throughout the app.

High-Fidelity Screens

Using the style tile and UI kit, I created high-fidelity mockups to bring the visual design to life. This stage allowed me to apply the final colors, typography, and components in context and refine spacing, alignment, and hierarchy for a cohesive, accessible interface.

screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding
screen - onboarding

Frame #1: Individual Team Page | Frame #2: Current Game Page With "Yes" For RSVP | Frame #3: Entire Team Group Chat

Tools Used

Key Features

Build Your Team

Set up new teams and manage rosters effortlessly. The streamlined flow simplifies team creation and reduces the friction of organizing players manually.

Build Your Team

Set up new teams and manage rosters effortlessly. The streamlined flow simplifies team creation and reduces the friction of organizing players manually.

Track Attendance

Players can quickly indicate their availability, giving managers a clear view of who’s in or out. This feature helps prevent confusion and supports smoother game planning.

Track Attendance

Players can quickly indicate their availability, giving managers a clear view of who’s in or out. This feature helps prevent confusion and supports smoother game planning.

Game Alerts

Automated reminders and real-time updates ensure everyone stays informed. Players get timely notifications, reducing missed games and last-minute coordination issues.

Game Alerts

Automated reminders and real-time updates ensure everyone stays informed. Players get timely notifications, reducing missed games and last-minute coordination issues.

Team Chat

Keep communication simple and centralized. In-app messaging lets players and managers share updates, coordinate plans, and stay connected all without juggling multiple apps.

Team Chat

Keep communication simple and centralized. In-app messaging lets players and managers share updates, coordinate plans, and stay connected all without juggling multiple apps.

TESTING

Usability Testing

Usability testing was conducted through 30–45-minute moderated sessions using a high-fidelity prototype. Five participants with varying experience levels completed seven key tasks covering the app’s core features. Overall feedback was highly positive. Users found the interface clean, intuitive, and easy to navigate. The chat feature and attendance/roster pages stood out as highlights, and participants responded especially well to the dark theme design.

What Worked

100% Completion

Users were able to complete all requested tasks easily & with little assistance.

100% Completion

Users were able to complete all requested tasks easily & with little assistance.

Ease Of Use

100% of users stated that they felt that the app guided them through tasks with no friction.

Ease Of Use

100% of users stated that they felt that the app guided them through tasks with no friction.

Visual Appeal

Users stated the app felt clean & intuitive. They also praised the color scheme.

Visual Appeal

Users stated the app felt clean & intuitive. They also praised the color scheme.

What Didn't Work

Sign Up Button

Users had difficulty locating the Sign Up option on the homepage causing missclicks on the Login section.

Sign Up Button

Users had difficulty locating the Sign Up option on the homepage causing missclicks on the Login section.

Tab Bar

Users were having difficulty differentiating between the Homepage tab & the Dashboard tab.

Tab Bar

Users were having difficulty differentiating between the Homepage tab & the Dashboard tab.

Missing Visual Cues

Users stated that there were areas that could benefit from additional visual styling for emphasis.

Missing Visual Cues

Users stated that there were areas that could benefit from additional visual styling for emphasis.

Priority Revisions

After testing, I prioritized revisions that would have the biggest impact on usability. I turned user feedback into clear design updates, improving layouts, navigation, and interactions. I also refined the dark theme to meet accessibility and contrast standards, resulting in a more polished and intuitive prototype.

screen - onboarding
screen - onboarding

Before - Users had difficulty locating the Sign Up button.

screen - onboarding
screen - onboarding

After - Moved Sign Up button higher, centered & changed color of text for visual emphasis.

screen - onboarding
screen - onboarding

Before - The Dashboard label feels too similar to Home, and there aren’t enough visual cues to highlight important messages.

screen - onboarding
screen - onboarding

After - Got rid of dashboard icon to simplify navigation & added "Captain" tag to show emphasis on messages sent by manager.

TESTING

Usability Testing

Usability testing was conducted through 30–45-minute moderated sessions using a high-fidelity prototype. Five participants with varying experience levels completed seven key tasks covering the app’s core features. Overall feedback was highly positive. Users found the interface clean, intuitive, and easy to navigate. The chat feature and attendance/roster pages stood out as highlights, and participants responded especially well to the dark theme design.

What Worked

100% Completion

Users were able to complete all requested tasks easily & with little assistance.

100% Completion

Users were able to complete all requested tasks easily & with little assistance.

Ease Of Use

100% of users stated that they felt that the app guided them through tasks with no friction.

Ease Of Use

100% of users stated that they felt that the app guided them through tasks with no friction.

Visual Appeal

Users stated the app felt clean & intuitive. They also praised the color scheme.

Visual Appeal

Users stated the app felt clean & intuitive. They also praised the color scheme.

What Didn't Work

Sign Up Button

Users had difficulty locating the Sign Up option on the homepage causing missclicks on the Login section.

Sign Up Button

Users had difficulty locating the Sign Up option on the homepage causing missclicks on the Login section.

Tab Bar

Users were having difficulty differentiating between the Homepage tab & the Dashboard tab.

Tab Bar

Users were having difficulty differentiating between the Homepage tab & the Dashboard tab.

Missing Visual Cues

Users stated that there were areas that could benefit from additional visual styling for emphasis.

Missing Visual Cues

Users stated that there were areas that could benefit from additional visual styling for emphasis.

Priority Revisions

After testing, I prioritized revisions that would have the biggest impact on usability. I turned user feedback into clear design updates, improving layouts, navigation, and interactions. I also refined the dark theme to meet accessibility and contrast standards, resulting in a more polished and intuitive prototype.

screen - onboarding

Before - Users had difficulty locating the Sign Up button.

screen - onboarding

After - Moved Sign Up button higher, centered & changed color of text for visual emphasis.

screen - onboarding

Before - The Dashboard label feels too similar to Home, and there aren’t enough visual cues to highlight important messages.

screen - onboarding

After - Got rid of dashboard icon to simplify navigation & added "Captain" tag to show emphasis on messages sent by manager.

Prototype
Prototype

Bringing It To Life

Bringing It To Life

Bringing It To Life

Interactive Prototype

Take it for a spin — check out the interactive prototype!

screen - onboarding

Interactive Prototype

Take it for a spin — check out the interactive prototype!

screen - onboarding
screen - onboarding
COnclusion

Key Takeaways, Learnings & Next Steps

Takeaways

This project reinforced the importance of a user-centered, iterative design process. Research and affinity mapping revealed that current team-management tools are outdated and lack essential features such as clear scheduling, attendance tracking, and integrated communication. Iterative sketching, wireframing, and usability testing uncovered key issues particularly navigation clarity and sign-up visibility which guided meaningful improvements. Designing a dark theme introduced accessibility and contrast challenges that strengthened expertise in accessible UI design. Overall, the project highlighted the need for clear task guidance, intuitive navigation, and responsiveness to user feedback while sharpening skills in research synthesis, accessibility, and high-fidelity prototyping.

What I Learned

The key lesson I took from this project was the importance of remaining flexible and truly listening to users. Several of my initial design assumptions did not align with user expectations and adapting based on their feedback proved essential to creating a more effective final solution.

Next Steps

I would like to continue developing the app and expand it with a more comprehensive set of features. Key additions I would prioritize include a ‘Search for Sub Player’ tool, a payment capability for managers and players, and the ability to sync the game schedule with a user’s personal calendar.

Interactive Prototype

Take it for a spin — check out the interactive prototype!

screen - onboarding
CONclusion

Key Takeaways, Learnings & Next Steps

Takeaways

This project reinforced the importance of a user-centered, iterative design process. Research and affinity mapping revealed that current team-management tools are outdated and lack essential features such as clear scheduling, attendance tracking, and integrated communication. Iterative sketching, wireframing, and usability testing uncovered key issues particularly navigation clarity and sign-up visibility which guided meaningful improvements. Designing a dark theme introduced accessibility and contrast challenges that strengthened expertise in accessible UI design. Overall, the project highlighted the need for clear task guidance, intuitive navigation, and responsiveness to user feedback while sharpening skills in research synthesis, accessibility, and high-fidelity prototyping.

What I Learned

The key lesson I took from this project was the importance of remaining flexible and truly listening to users. Several of my initial design assumptions did not align with user expectations and adapting based on their feedback proved essential to creating a more effective final solution.

Next Steps

I would like to continue developing the app and expand it with a more comprehensive set of features. Key additions I would prioritize include a ‘Search for Sub Player’ tool, a payment capability for managers and players, and the ability to sync the game schedule with a user’s personal calendar.

Conclusion

Key Takeaways, Learnings & Next Steps

Takeaways

This project reinforced the importance of a user-centered, iterative design process. Research and affinity mapping revealed that current team-management tools are outdated and lack essential features such as clear scheduling, attendance tracking, and integrated communication. Iterative sketching, wireframing, and usability testing uncovered key issues particularly navigation clarity and sign-up visibility which guided meaningful improvements. Designing a dark theme introduced accessibility and contrast challenges that strengthened expertise in accessible UI design. Overall, the project highlighted the need for clear task guidance, intuitive navigation, and responsiveness to user feedback while sharpening skills in research synthesis, accessibility, and high-fidelity prototyping.

What I Learned

The key lesson I took from this project was the importance of remaining flexible and truly listening to users. Several of my initial design assumptions did not align with user expectations and adapting based on their feedback proved essential to creating a more effective final solution.

Next Steps

I would like to continue developing the app and expand it with a more comprehensive set of features. Key additions I would prioritize include a ‘Search for Sub Player’ tool, a payment capability for managers and players, and the ability to sync the game schedule with a user’s personal calendar.