UX Research, Content Design, UX & UI Design

Sports Hall

This is the redesign of a website for a community-run sports hall that provides accessible sporting facilities.

The solution

In this project, I decided that it was appropriate to redesign the entire website to optimise the user experience.

Overview

This project aims to increase the number of people attending the sporting facilities. To do this, the website must be efficient to navigate and provide all of the information that users are looking for.
Deliverables:
  • Site audit
  • Competitor SWOT analysis
  • Usability testing
  • User personas
  • Empathy map
  • Task flow
  • User journey map
  • Thematic analysis
  • Low fidelity sketches
  • Prototype

The problem

The current website has a confusing information architecture and a limited amount of information; this makes it challenging for users to find out more about the facilities. If the website is improved, then more users may convert into customers.

How might we redesign the website to improve the user journey and improve the experience?

Usability testing

I completed 5 user tests to understand what the common pain points with the website were - so that they could be addressed in the redesign.

Usability testing

I completed 5 user tests to understand what the common pain points with the website were - so that they could be addressed in the redesign.

Where
When
How
Who
What
The tests were completed over Zoom due to the pandemic
Individuals who are lightly to moderately active, aged 18-55
After recruiting users from screener tests
The flow of users on the current website
Over a 30 minute session
Questions:
Common pain points, found in user testing:
User journey
There were too many tabs and the page names were confusing. The lack of buttons created a disruptive user journey.
UI design
The contrast ratio made the text very hard to read and users were not keen on the choice of colours on the website.
Information
The website lacked lots of essential information that would users wanted to know - such as the length of the pool.
Reliability and trust
The logo looked very dated and unprofessional which users found off-putting. There were also several spelling errors.
Usability
Some words appeared to be linked, as they were underlined - but they were not. The users found the styling confusing.
Content design
Some of the copy on the site did not make sense; the users found this frustrating. They also wanted an option for booking on the site.

The solution

To improve the user experience, the website was redesigned to include more content to build trust. The redesign also features an online booking system to prompt users to take action.

Wireframes

Once the research was completed, I used it to design the low-fidelity wireframes in Adobe XD.

Wireframes

Once the research was completed, I used it to design the low-fidelity wireframes in Adobe XD.

Final design

Then, I developed the wireframes into a prototype. In Adobe XD, I also created interactions so that the prototype was as effective as possible.

The results

I completed a second round of user testing to gather and compare data from before the redesign.