Embedded Files
OVERVIEW
Brief
UrbanFit is a mobile application designed to provide sports and wellness activities to users at any time and at any location to several studios and gyms in Athens with only one subscription.
Users are able to find the activity they want at the area of the city they want at any time, book the activity beforehand and check-in throuth the app at the time of the activity without additional costs.
The Challenge
There are countless studios and gyms throughout the city of Athens which offer their sports and wellness services to the public but one should be restricted to one specific venue. Sports and wellness lovers who need to try a variety of activities in different studios or areas of the city need to have more than one subscription and spend a significant amount of money to fulfill their sports and wellness needs.
The Challenge for UrbanFit was to design an app which offers a variety of activities and sports venues to users by allowing them to search and find whichever activity they would prefer at any time and at any area of the city of Athens and to combine different sports and wellness activities with only one subscription.
The market advantage of UrbanFit relies to the flexibility and the variability of possibilities that our users get.
- Users can search through filters and select the exact sports or wellness activity at the exact time and area which suits their needs
- Users can book an activity and secure their seat to the studio or gym they want to attend
- Users can check-in to the activity they have booked by scanning the QR code at the venue.
The Approach
UrbanFit is a mobile app and was designed using the mobile-first approach. To create askCareer I applied Design Thinking, Iterative Design, and Human Centred Design Strategies.
I used a set of approved UX Design skills and tools to develop industry-standard deliverables.
My Role
Soloing for UrbanFit I conducted Competitor Analysis, User Research, Ideation, Information Architecture, Wireframes & Prototyping. The project was put on-hold but the next steps of the Design process would be User Testing and Interface Design.
Project Period
March 2022 - November 2022
Tools Used
Figma, Balsamiq Wireframes
UNDERSTANDING THE PROBLEM
The first step for the design process of my app was understanding and defining the problem that should be solved.
Problem Statement
Our sports and wellness lovers need a way to find a suitable sports or wellness activity at any time and at any location they want because they want to combine several sports and wellness services at their area in an affordable and prompt way.
We will know this to be true when we see many users subscribing to our app, booking and checking in to various sports and wellness venues.
Competitive Analysis
As part of understanding the problem in depth I conducted a competitive analysis of two relevant competitors in the market, the famous, Urban Sports Club and the sports app in Athens,
I created SWOT Analysis for both competitors in order to understand and highlight opportunities for UrbanFit.
USER RESEARCH
I conducted User Interviews with 5 participants, potential users of UrbanFit in order to gather information and build a broader understanding of the needs and the problems sports and wellness seekers have when aiming to plan their sports and wellness routine.
The Research Goals
1. To better understand behavior when sports and wellness lovers are in need of finding the most suitable sports/wellness activity
2. To determine which tasks users would like to complete using a sports/wellness offer app.
3. Documenting user pain points with existing websites/apps/services on the market.
4. Collecting data on the context in which users would use a sports offer app.
User Research Analysis
As part of the process of sorting and mapping data in order to collect important insights I created an affinity mapping and focused on behaviors/attitudes, needs/goals, frustrations, quotes and facts for each of my participants.
The affinity map allowed me to sort my data into manageable clusters based on 6 themes: Research, Activities, Studios/Gym Infos, Criteria, Pain Points, Additional Features
From these themes the next step was to translate those findings into useful insights for UrbanFit.
UNDERSTADING THE USERS
User Personas
Using the data I gathered from my Research I created 3 User Personas for my app representing 3 main groups of my target audience. This allowed me to structure the profile of potential users and focus my design decisions based on real needs, goals and motivations
1. Anna, 'The Explorer'
2. Elena, 'The Organizer'
3. Alex, 'The Millenial'
User Journeys
User Journeys then were built in order to give me a better understanding of how each of my personas would accomplish their goals by following specific tasks using UrbaFit.
User Flows
Based on the User Personas and User Journeys I created User Flows which helped me structure the most important flows and define the tasks and processes that a potential user should go through in order to fulfil their needs.
WIREFRAMES & PROTOTYPING
Low-Fidelity Wireframes
Having a solid understanding of the user flows that are needed as well as of the navigation that my design should entail I started sketching the first wireframes of my app on paper to transform these flows into a concrete representation.
After several iterations I was able to to transform the wireframes into a low-fidelity prototype which focused mainly on core functions that my app needs to cover.
PROJECT RETROSPECTIVE
What went well
Generative Research on the interviews part has given valuable insights for turning them into meaningful features of the app in order to structure and iterate the design
What didn't go well
UI Refinements and further iterations took long time in order to deliver the best outcome possible in the time given.
Solution: Constant practicing and research in blogs and communities for UI insights.
Future Plan
As part of the Information Architecture next step is a Sitemap to define how the information would be allocated within my web app and how the navigation of the design would be structured.
Slowly, the rough low-fidelity prototype will be turned into a mid- and high-fidelity prototype by adding and changing several design elements, including more screens and paying attention to more and more design details.
Get in touch at vassilia.ch@gmail.com
Page updated
Google Sites
Report abuse