This was a group project done for an Interaction Design class at SCAD. We collaborated with Savannah's local tennis association, by the name of Savannah Area Tennis Association (SATA) and redesigned their website.
Savannah Area Tennis Association (Sata) is a non-profit organization designed to promote tennis and healthy living in Savannah, GA.
As a subset of the United States Tennis Association (USTA), SATA organizes competitive league play, outreach programs, and tennis events for all people. With over 1400 members, SATA’s goal is to grow tennis and use it as a means to advance the health and well-being of individuals and the Savannah community as a whole. SATA believes tennis is for everyone, and strives to provide a variety of programs that seek to reach the underserved populations of Savannah.
Opportunity
Pain Points
Empathy Interviews and User Studies with the old website revealed the following pain points that needed addressing.
Problem Definition
Prototyping
The best part of the process was iterative prototyping. Feedback from realtime users helped make crucial design and user flow decisions.
Visual Identity
The new branding was designed as a contemporary and colorful twist to the existing branding. The colors were inspired from the theme of tennis courts and the bright yellow colors of the tennis ball. More focus was given to images which was lacking in the original experience. Tennis needed to be seen as a fun thing rather than a dull, intimidating and technical sport.
The Solution: The Redesigned SATA Website
After exhaustive prototyping, the final website experience was coded from scratch by me using the framework of Dreamweaver and Bootstrap. One of our key innovations was 4 clearly defined pathways for the user. The idea was to customize this experience based on the type of user. This further helped brand SATA as a hub of all things Tennis in Savannah.
Live Updated Events Page
As a part of our solution, we designed an integrated Events page with a filtering capabilities, to make event information super digestible and accessible.
About Page
In the About Page, we tried to tell SATA's true story and what it really meant to the community. This was a crucial addition to the website to tie all the information together, as the old website had no clearly written About page.
Volunteer/Donate Modals
To address the pain points about the lack of volunteering and donating opportunities on the website that came up during primary research, we chose to add Volunteer and Donate buttons to the primary sticky navigation, that opened their respective modals/pop-ups, without leaving the current page at any given time. This was greatly appreciated by the users and by the internal board members at SATA, as it is a non-profit and thrives with volunteering and donation support from the community.
Simplified Rating System
The USTA Ratings system was made much more simplified using the custom interaction below, making the process way easier by breaking it down to easy and interactive steps.
