PunchLab

2019, Italy
Digital Product Designer
PunchLab

2019, Italy
Digital Product Designer
PunchLab

PunchLab is a boxing and fitness application created to help you improve your boxing style and stay fit. The app allows you to hear the coach's voice during training and have your hit and combos tracked.

PunchLab is a boxing and fitness application created to help you improve your boxing style and stay fit. The app allows you to hear the coach's voice during training and have your hit and combos tracked.

Before
Punchlab 1
Punchlab 2
Now
Punchlab 3

Hired to completely redesign PunchLab app.
PunchLab team saw in me the visual perfectionist and solver of UX problems
they need.

The approach



After introducing in their daily routing
my design approach, Learn, Ideate and Create, w
e started using the app, playing with it and understanding the weakness and the pain points

After a starting learning process, we passed through user interviews, card sortings and testings, aiming for an initial sketching phase. This process helped me, and the Punchlab team, to understand a lot of critics, point of view and suggestion that we couldn’t see at the beginning.

Method

I created an initial mood board of the current trends, made some main screen to understand the feeling of the client about
my creative approach and created a stunning, active and minimal style.
In the end, I was able to create the mood of the app, thanks to the palette and images.

Punch foto
Screens

Onboarding


Login into the app it’s really simple thanks to a few simple steps. 
You can decide to use social media or your email.

The first time you open the app, you will be guided through onboarding of questions
to understand your skill level. The application, thanks to its intelligence, will understand
the user's level
and adapt its contents.

After the onboarding the user will choose his own plan, each plan has some benefits.

xxx

Homepage


The homepage is a wall of handmade workouts for each category of combat and also a custom free workout.
The custom workout is a free feature that allows you to set the timer for each round, the number of rounds and the rest. Every workout is built and recommended by nationally renowned coaches and champions.

Homepage
xxx
Set-activity-1
Set-activity-Interactive-middle
Set-activity-Interactive

Activity


The quick start was one of the most interesting sections. 
The client wanted to make this section very interactive, easy to use, and very gaming oriented.

Sliding in the set activity page it will switch 
to the interactive mode that thanks to the use of a custom phone band, created especially for this app, the user can keep the counts of hits and their strength, showing unique stats.

Activity
xxx

My Stats



Thanks to the accurate statistics your profile will always be updated with all your workouts and sessions, so you can always keep under control your progress and follow those of your friends. 

Profile Stats
Profile
Friends Activities