Seattle Badminton Club
Website Redesign
Client:
Seattle Badminton Club
Role:
UX Designer, UX Researcher
Deliverables:
Mock-Ups, High-Fidelity Prototype
Year:
2019
For this project, I was tasked with redesigning the website for a local organization: the Seattle Badminton Club (SBC) located in Kirkland, WA.
In order to guide the redesign, I conducted research with current club patrons and website users to get an understanding of their current experience using the site in order to identify their most popular tasks, biggest concerns, and greatest priorities.
My redesign sought to address these issues and priorities to improve the site and experience for the users.
Case Study
Current State
At the time of the project, it was fairly easy to assess the site's then-current state and notice areas for improvement that warranted a redesign.
Dated layout
Too much information that cluttered pages
Outdated information
Too many pages
Important information stored on PDFs
Lack of online class registration
Over-complicated process for ladder registration (weekly organized competitive play)
Research Methods
Onsite Interviews
Questioned 8 club patrons at the SBC facilities about their initial thoughts of the website
Survey
Analysed survey responses from 24 club members
Crazy Egg Analytics
Captured and studied a website heatmap to understand current behavior and interactions with the site
Competitive Analysis
Examined the websites of 3 other prominent badminton facilities and compared them with SBC
Research Findings
Website Most Popular Tasks
Ladder registration
Viewing class schedule
Viewing club schedule and hours
The Most Common Issues
Ladder registration
Lack of class registration
Aesthetics
Outdated information
Areas of Most Importance
Access to information
Navigation
User interface
Personas
Using my collected data, I created three personas to represent the typical visitor to the Seattle Badminton Club website in order to personify the user goals and inspire design decisions.
Redesign Objectives & Principles
Based on the findings from the research, I set about redesign with the following design objectives and principles:
Objectives
Provide quick access to users’ common needs
Register for the ladder
View schedule/court availability
Trim down and re-organize content
Implement online registration and payment
Principles
Community-oriented, family friendly, caring, inclusive
Users needs and wants first, based on user data
Fun, relaxed
Fast, simple, efficient
Consistency
Clean, no clutter
Information Architecture
Used OptimalSort to analyze information grouping from 12 participants
Conducted content inventory review with SBC to determine most relevant information
Used Miro RealTimeBoard to create diagram of final information architecture
Low-Fidelity Prototype
Upong completing the research and creating the information architecture, the next step was to create a low-fidelity prototype that could be tested with users. I used Whimsical to design the wireframe pages and InVision to create interactions between said wireframe pages.
The prototype consisted of wireframe pages for the most critical user tasks:
Homepage
Schedule
Class Registration
Ladder Registration
Designed solely for mobile as over half of the users used mobile to access ladder registration
Usability Testing
After completing the low-fidelity prototype, I used it to conduct usability testing with 6 users which inspired the following design improvements:
