Mid-level without strong network after college have to manage themselves for everything to move to higher team and league. They have to find events, contact scouts and coaches, record their performance history.

MySportsShare.com is a platform where sports people (athletes, coaches, teams, leagues, fans, etc.) can communicate and organize their sports related activities. For example, teams and leagues can plan and manage games. Players can upload their performance videos and photos to promote themselves.

This is a client project. Out team and the client had a partnership to work on the client’s product which is MySportsShare.com

Project Scope:

In this project, my team conducted research on the problem space of athletes for self promotion, and redesigned MySportsShare.com to solve the problems.


Sketch, Invision


12 Days

The Problem:

Mid level athletes without strong networks need to use a large number of platforms for promoting themselves and connecting with potential events.

The Solution:

Help athletes to easily connect with open recruitment opportunities

Kick-off Meeting:

The client’s concern is that people do not sign up or if they sign up, they do not return to the website. He gave two scope he wanted us to deal with in the website which are

Primary scope: Helping athletes to self-promote

Secondary scope: Helping athletes to get financial support online

User Interview:

After given the scope, we started our research from user interview. We interviewed 1 current athlete, 1 coach, 1 parent, 2 former college league athletes, and 2 local league athletes asking questions about how athletes do self-promotion or asking financial support online today. We also asked questions about the coaches side that how they discover talent and communicate with athletes to understand what is the effective way for athletes to appeal themselves to coaches.


Importance of real world community: We found from user interview that real world network is one of the major factors for athletes. They get opportunities to be observed by scouts or recruiters if their coaches personally know the scouts and recommend one of the players of the team.

Good Performance: Athletes are decided whether they can join the team or not by their level of performance. The top athletes have to less care about the network or promotion. If they proved good performance at events, the recruiters contact them.

Target User: From these two insights, we could define our target user. They are mid-level athletes who are not always be able to show good performance and they do not have strong network recommending them to scouts.

Performance Videos & Stats: The coaches check athletes’ performance video and stats when scouts recommend athletes to decide if they actually meet them and check their performance.

Using different online platforms: Lastly, mid-level athletes are using many different online platform to promote their performance video to catch the chance that videos become viral and coaches might see it, ask for financial support, or find event information that they want to participate in.

Competitive Research:

The second research we did was competitive research. We analyzes 8 different platforms that users of the interview mentioned that they use everyday and be used as promotion of athletes. From this research, we studied who are the current competitors, how are users utilizing competitor products, and where does : stand in the self-promotion landscape.

Competitive/Comparative Matrix

We divided the competitive products to 5 competitors that athletes can actively promote themselves by uploading performance videos and 3 comparators that athletes have to wait their performance videos to be shown by somebody.

Among the competitors, Ustream and Overtime is only dealing with sports-related content but athletes are not using those products for self promotion. Youtube, Instagram, and Facebook is not specific for sports but they have a big user pool which means much higher chance to get exposed so there is high user incentive. This circulation drags more and more users for self-promotion on these products.

Usability Testing on Original Website:

After competitive research, our team conducting usability testing on the existing website to discover whether MySportsShare can satisfies user’s needs. We asked 4 users to complete a few tasks related to self promotion, and ask for financial support.

We found that users do not need another similar platform to complete the tasks. They asked us why they would just upload and spread their video on youtube and start fundraising on GoFundMe. They prefer these platforms since they have much bigger audience pool.

Also, there are too many different features on MySportsShare, users had difficulty understanding how they can use the product. Therefore, we had to emphasize just a few features to give clear idea to users.

Looking For Opportunities:

After we found that it is hard to satisfy users with self promotion and fundraising features, we went back to our research results to find user needs not solved by other platforms and features that are not limited by the size of audience pool.

From user interview, we found that mid-level athletes who are after college use different platforms to find event information since there are no unified place they can check all the information.


User Journey Map:

Paul’s User Journey Map

Paul knows he is not an outstanding athlete. Therefore, he brings his friends or family members to events to take his performance video. He uploads the videos online to get exposed but it is very hard. So he tried to participate in more events to get exposed but he has to keep checking different platforms to find appropriate events. Sometimes, he misses important events since it is confusing to remember all the different event information.

Problem Statement:

Mid level athletes without strong networks need to use a large number of platforms for promoting themselves and connecting with potential events.

How might we help Paul to easily connect with open recruitment opportunities

1st Design Studio:

After we synthesized our research, we talked to client about what we got and where we want to move. From the meeting, we decided to include 3 scopes on this project. Onboarding process, Athlete Profile, and Find events.

From design Studio, we prioritized features for each scope while sketching the first wireframes.

Must Have Features
Should Have Features

There are a few things we had to figure out with our client so we did not touch those on this version of wireframes.

Design and Testing of 1st wireframe:

Based on the sketch, we made the 1st prototype and conducted usability testing. We asked 4 users to complete 4 tasks

Landing Page

This is the first page users see when they come to MySportsShare.com. They will see brief description about the website. Clicking sign up button, users can sign up and start to use the website. From the testing, we found the descriptions are not clear that if the website is sports-specific or not.

Building Profile

After signing up, users start to build their profile. The process is divided in 4 steps; basic information, social media connection, photo & video, and stats.

On the testing, users asked more description on each steps. For example, they were not sure the videos they are supposed to upload are the performance videos or not. Also, they said it is too tedious to enter all the information

Profile Page

After users finish building profile, they will see their profile page which look like an online resume. This is the same view that coaches and recruiters will see when they find the url of the page. Users can move to edit mode by clicking Edit button on the right, but on the testing, users wanted the edit button is on the next to the title of each section which means they want to start from edit mode than preview mode when they come to this page.

Event List Page

We wanted MySportsShare brings event post from different social media to this place. We briefly talked to our client about this idea and he said the developers have the API for this. Yet, we were not sure how the API works, so we just use the social media post layout on the event list. Users can start to ‘track’ each events that they are interested in by clicking the button. The tracked events are saved on Tracker page. Users can manage the status of the events on Tracker page, like interested, confirmed, or going.

Users from the testing had hard time understand what this page is for. They thought the events page was a social media feed, and they were not sure what the word ‘track’ means.

2nd Design Studio with Stakeholders:

After testing the first wireframe, we had second design studio with our client and a sales person. We discussed details about the 3 scopes we were dealing with.

Onboarding Process:

After users sign up, we will show an onboarding page explaining how they can use the website and what benefits they can get from using it.

Athlete Profile:

As a part of onboarding, users will build profile on the profile page directly seeing what is the result they can get from filling it out following guidance of each section. They will start from uploading their videos since it is more interesting just enter text information. They can skip any section or move to next not finishing the previous section.

Find events:

We discussed about technology that how we can bring and display event post from different platforms. We also decided to change the word ‘tryout’ to ‘event’ since tryout is too specific activity that athletes are doing for promotion.

Also, we changed the word ‘track’ to ‘follow’

Design and Testing of 2nd Wireframe and 3rd Wireframe:

Based on the 2nd design studio, we created 2nd wireframe, and tested with 4 users, and made changed on 3rd wireframe.

Event List Page:

Learning how we can bring and display event posts, we could give the same format for each event. If users click follow button of an event, the event will be automatically saved on calendar page.

On testing, we asked to follow any interesting event, and 2 of 4 users clicked event image instead of the follow button since they thought there will be a separated description page. They said they would decide to follow or not the event after they see more detail information.

Therefore, we put description on a separate description page. Users can follow each event both on the list and the description page.


The followed events are saved on the calendar. Users can see basic information of each event on the list located on the left. They can see description by clicking each event.

On the testing, however, users clicked the calendar instead of the list to check more information.

Users have to hover over the calendar to check more information but clicking is more intuitive. Users can see basic information on the pop up window and by clicking the window, they will move to the event description page. Users can highlight important events among others by clicking the star icon.

Sign Up & Onboarding:

After sign up, users see the onboarding page explaining the value of each feature, and then they can decide what to do first.

On the testing, 3 of 4 users did not want to sign up before they actually explore the website. They said they would drop off if this is the real situation.

Therefore, we suggest progressive onboarding. The first page users land when they come to MySportsShare.com is the event list page. They can explore all the different pages but be prompted to sign up when they click follow button or first visit calendar or profile page.

For example, when they click follow button, a signup prompt window pops up. When users finish signing up, the window disappear and they go back to where they were.

Right after users sign up, a notification icon pops up next to the profile button. Whenever users follow an event, a notification icon pops up next to the calendar tab. These two notification icons guides users to move to the pages. When they first visit either profile or calendar page, they will see a value page which includes an example image to explain how they can use this page and what value they can get from using it.

Building Profile:

When users first building profile, a guidance is given section by section. For example, when users finished the media section, the page automatically scrolls up to the basic information section and a description is given on the right.

The problem is, 3 of 4 users on the testing did not read the description. They just paid attention to the field they have to fill out. Since they did not read the description, they missed save, skip, or next button and they scrolled up and down to move to next steps and asked why there is no description on other sections.

Therefore, we put description on the top and save, skip, or next button on the bottom of each section so users will not miss when they look through the page.



Hifi Mockup:

Event List

Next Step:

  • Usability Testing & Higher Fidelity: We will continue to improve the wireframe
  • Bring Social Media posts using hashtags: This is one way of bring event posts we discussed with the client. We have to discuss with developer how we can use the API for the website
  • Filter events by location and sport: On event list, users can find events close to their location and only about the sport they play
  • Infographics for stats: To encourage athletes to enter their stats and to give better understanding about their ability and history, infographics will be made every time athletes enter their stats of each event
  • Stats entry reminder after an event: After the date of event saved on the calendar, the website will give a reminder to enter stats of the event before athletes forget the data.

Source link https://uxdesign.cc/mysportsshare-help-athletes-to-self-promotion-eb588addba9e?source=rss—-138adf9c44c—4


Please enter your comment!
Please enter your name here