top of page
MySports
How a thoughtful redesign could enhance seamless user experience and trigger more engagement.
Role
Visual Design
UX/UI Design
Industry
Fitness
Duration
3 weeks - 2022
Project Overview
MySports is an app designed to curate fitness studios where users can locate their fitness studios, find others, manage appointments and their workout schedules in one place. The purpose of the UI redesign was to enhance user experience, improve navigation, and increase user engagement through a more aesthetic and intuitive interface.
The Problem
As a user of the MySports app, I realized that once on my fitness studio home screen within the app, from a design stand point, the layout didn't quite provide a finished, clear and modern UI. While it lacked proper visual hierarchy, I also found the navigation cluttered and confusing at first glance hence paving the way for an unsatisfactory user experience.
Solution
I kicked off this project by conducting some research and comparing what rival studio apps were doing and to what extent some designs commanded visual appeal while delivery key functionality.
​
As an integral part of my ideation phase, I also developed rough sketches to begin establishing layout ideas for my screens and placement of other graphic assets.
User interview and finding
In order to establish a solid background in the design procress, I carried out interviews with 8 participants who are members of the fitness studio and use the app on a regular basis. It was interesting to discover that 3 recurring points kept coming up.
The interviews were done face-to-face at different periods. Each session lasted on average 10 minutes.
The user persona
Information architecture
Before:
-
Lacks visual appeal and a clearly defined hierarchy.
-
Call-To-Action not clearly defined.
After:
-
Redesigned interface. More vibrant and engaging.
-
Better defined segments with CTAs clearly defined.
The Goal
The main goal was to redesign the UI for a seamless, engaging, and personalized user experience by:
-
Enhancing visual hierarchy for easy appreciation of information flow.
-
Enhancing the app’s aesthetics with a modern and clean UI.
-
Clearly highlighting any call to action for an enhanced user experience.
User task flow
Sketching
This is an important step in developing my visual ideas as it opened up seamless creative flow.
Wireframe
Wireframes: Developing the wireframes gave a closer insight to how the final prototype would look like.
Typography
Brand Colors
Graphic assets
Final result
Cognizant of the fact that there is always room for improvement in UI design journey, I am pretty happy with the way the changes in the UI of the app turned out. While functionality plays a vital role in user experience, it is worth reckoning with the incredible impact a vibrant UI delivers to the end user as was the main aim of this project.
The redesign also delivers on:
-
Stronger first impressions
-
Faster discovery and booking
-
Higher long-term retention
Reflection
Some key take-aways from this project were:
-
User testing and feedback was crucial in refining the design.
-
A clear hierarchy was paramount in enhancing user retention and general appreciation of information.
Thank You
bottom of page