How I made KOVA more accessible by centralizing tournament information beyond Instagram
Role:
UX/UI Designer
Project Type:
Responsive Website
Tools:
Figma
FigJam
Duration:
2 weeks
Overview
How can we bring more people to KOVA?
KOVA is a DC/VA volleyball team that hosts tournaments throughout the year. It was started in efforts to raise money for players on the team to attend the official Korean Olympics tournament that takes place in a different location every two years. Currently, this team has an Instagram account that features a link to sign up for tournaments in the bio. Pictures are posted when tournament sign ups are open and sometimes show winners of the tournaments. They do not, however, have an official website, so it is difficult to access their information if someone does not use Instagram. The founders have expressed interest in creating a website to give more information and make it more accessible.
KOVA only has an Instagram account, making it difficult to sign up for tournaments or find information about the team if someone does not use Instagram.
The Problem
I developed a responsive website that features tournament info and photos and keeps people up to date on KOVA events
The Solution
The Final Design
Use in-playlist search feature to search for song title or artist
Use in-playlist filter to sort songs by date, artist, or title
Play songs from a particular month instead of manual playlist creation
Let’s rewind. What does the research show?
Competitive Analysis + User Interviews
Key findings
Users had trouble navigating playlists without in-playlist search functions or filters
Users enjoy listening to playlists, but desire easier ways to curate
Key Finding
Instagram is not enough for KOVA founders to achieve their goals
How might we…
…make tournament registration and information easily accessible to KOVA players who don’t use Instagram?
Wireframes
My design process
In designing these screens, I focused on making it as easy as possible to find what the user is looking for. All the main tasks can be completed from the home page as well as through the navigation bar. The design is sleek and utilizes the colors of the Korean flag that reflect KOVA’s identity.
Low Fidelity
Final High Fidelity Screens
5
Participants
5 users participated in usability testing using my Figma interactive prototype.
100%
Success Rate
Users easily completed all the tasks with minimal errors in a timely manner.
5/5
Ease of Use
User’s thought the prototype was intuitive and easy to navigate.
Future Iterations
What are next steps for YouTube Music?
Add features to desktop format - users often use their music streaming platforms on laptops and desktops as well as mobile
AI powered smart filters - within playlists and saved music, AI can filter users’ music by mood, genre, etc. for ease of playlist navigation
Key Takeaways
What did I learn from creating these YouTube Music features?
This project has helped me think more critically like I might as a UX designer working for an actual company. It is unlikely that I would be the only person working on a project from start to finish. With this project, I was able to take an existing platform and work under those constraints and design a feature that fits seamlessly within it.
It’s not always easy to find the right participants for a project. In this case, I wasn’t able to find enough YouTube Music listeners in the groups I reached out to, so I worked around this by conducting usability tests early on to give the participants who don’t use YouTube Music insight into how it operates.
It is important to schedule interviews early and ask more people than required, just in case.
