HOW CAN WE ORGANIZE THE TECHNICAL JARGON OF TENNIS STATISTICS INTO USABLE DATA?

Visually demonstrating the growth of professional tennis players throughout their careers we reveal what strengths and weaknesses equated to their progress. Being able to compare all of the great pro players, past and present, lets users learn about the history and the growth of the sport.

By sorting through and comparing larger data sets, users can discover more players, of any generation, and learn more about their competative backgrounds, strengths and weaknesses. They will be able to get the overall the history of players in the game down to the players' performance.

USER ARCHETYPES

  • Tourist

    The tennis fans can learn more about their favorite players and compare their career growths.

  • Academic

    High school & college players can follow their favorite professionals and learn more about their growth.

  • Professional

    Professionals can monitor their growth and peformance throughout their career to see their progress.

WIREFRAMES

Wireframes walk us through the functionality and user flow of the application.

Be as detailed as possible

Intricate wireframes should diagram the entire application and map out how a user navigates through it. They lay out its features, functions, and even the transitions.

Wireframes are like the blueprint of a house. Design them as if you were designing a home for people to spend the rest of their lives in, then you will truly be creating an optimal, usable, and one-of-a-kind experience.

Annotations detail every component of the system leaving few questions for the rest of the team. They are the manuel to present to clients for feedback and they are the documents to refer to when building the system.

Now it's time for design!

DESIGN

The clean style and simple navigation allows for smooth transition through the application. Giving filtering options throughout the app allows the user to have control over the data. The user is able to curate their own experience and develop a more personal relationship with the data.

Visualizing the data makes it easier for the user to absorb it and interpret it. It makes for a better experience simplified by the use of visuals. By comparing players users can get better understanding of their performance, their history, and their progress.

MOOD & STYLE

A clean interface
that is inspired by the Wimbledon Slam.

A white scheme with pops of color.

BREAKDOWN

Header bar acts as the hub for interactions for the favorites, profile, and back button.
Sort players by their professional years, gender, location, and by search.
Sort players by their last names.
Player tiles display player's name, current rank, career years, and representative country.
When you are in an internal page, the menu icon becomes a back button.
Expand or contract the player's timelines using the slider.
Interact with the timeline and learn more about the player's history.
Displays user's career years and dominant hand. Clicking on the icon accesses the comparison feature.
Players stats are represented in a visual metaphor of tennis ball cans.
Sort the player's performance data by court type, indoor vs outdoor, and stat categories.

CONCLUSION

Organizing complicated data into a visual system, and creating a hands-on experience allows better understanding of information and an overall resonating connection with the subject.

PROCESS