Breakout

Mobile App, UX/ UI

 

Role

UX Research, UX / UI Designer

Overview

This page will take you on a journey through the design process of building a collaborative workout app to relieve body aches and pains while working as a team.

Project

Ironhack UX/ UI Bootcamp gave us 2 weeks to complete all UX research and UI design. It was an individual project with the aim to produce a high fidelity app based on wellness.

Problem Statement

Given the COVID Pandemic and the recent shifts of lifestyle habits, most users are now working or studying from home. This is great news in many ways, however, there are some negative side effects. People are moving less than ever before and have reported physical aches and pains due to sedentary routines. They are also experiencing social isolation and say that they lack social interactions in their day-to-day lives.

My mission was to solve both problems at once. And it was time to do some research.

Procedure

Group 175.png

Complete user surveys and interviews

Group 176.png

Perform market research and a competitive analysis

Group 177.png

Create a user and develop their User Journey and Scenario

Group 178.png

User Flow, Wireframing, Prototyping, and Testing

dane-wetton-t1NEMSm1rgI-unsplash 1.png
linkedin-sales-solutions-IjkIOe-2fF4-unsplash 1.png
jessica-delp-s28zROuPH7o-unsplash 1.png
avrielle-suleiman-GpVak9-cL6E-unsplash 1.png
 

Focus Areas

What do users need to solve their current pain points?

What are competitors doing and how can the app distinguish itself against the competition?

How to create an experience that allows the app to succeed?

Key Customer Needs

 

Structure

Users expressed the need of an app to be structured to allow them to customize according to their needs.

Ease of Use

Creating workout events in an easy and intuitive way.

Tailored Workouts

Customizing workouts to target users’ physical pain points to ease their aches and improve their lifestyle habits.

Collaboration

Adding team members to motivate users to do workouts and be able to see results.

Solutions

Given user research and extensive investigation, the app Breakout was created with the following solutions resolving current pain points and needs:

Create Event.gif
 

Create Workout Event

With this feature, the user can create a workout event with the recurrence of their choosing, at a date and time that works best with their schedule. Perfect for work breaks. It can be personalized to add a workout according to the users bodily aches and pains, so they can improve and ease them and create a healthy lifestyle by scheduling workouts that brings them out of sedentary habits. It also allows the possibility of adding team members to the workout, to create a sense of work or study community and motivation to perform the exercises as a team.

 
 
 

Event Alarm

When it is time to carry out a workout, a notification will appear to remind the users. It can be tailored to their schedule, as they have the option to postpone the alarm to a later time or date. This allows flexibility with users’ busy schedules and a constant reminder to complete workouts so that users don’t forget.

Alarm.gif
Results.gif
 

Results

The results page informs the users of their progress at every step and also has a collaborative feature so that they can see event results and results of their team members. They can also react or message users to keep motivation levels high and reinforce collaboration efforts.

 

Click below to see an in-depth description of the full case study for Breakout.