My Portfolio
Maren Fiorelli
Performix_cover.png

Let's sweat_Performix Workout app

Encouraging an amazing virtual workout 

Client: Corr-Jensen
Company: Performix

I worked on the: Research, Interaction Design, Wire-framing, and Prototyping

Performix is a health and wellness brand focusing on the fitness enthusiast. Their brand includes supplements, shakes, and bars.

The Challenge
Our team was given the task to create a PERFORMIX branded fitness and lifestyle app, with a workout video library to inspire and delight the client.

 
Performix_cover 2.png
 

What was I asked to do?

I was tasked as a UX/UI Designer to:

  • Create a parallel experience between the product and the app. 

  • Design the user experience & annotate the functionality

  • Prototype the interactions for client use.

 
gym.png

How can make a digital experience promote a better physical workout?


THE APPROACH

How might we...

Create… a better branded connection to an exercize app

For… both savvy and non technical users

To… easily and successfully connect with more Performix products

And improve… the overall user experience of the app and increase successful products


THE SOLUTION

 
Signin_screen.png

Login screen

The app was built with the fitness enthusiast in mind. The branding was carried through to the app, with the sharp edges, and strong grey tones.

 

Programs screens

The user can easily preview, share, and save to their progress.

 
workouts_2.gif

Workout screens

The workout page keep track of their fitness progress with the help of a schedule

Workouts.gif
 

Feed screen

A feed page creates a sense of community, and promotes information sharing.

Feed2.gif
 

Let’s get into the design process

Triple.png

 

The Process

  1. Research
    (Who are the users? What is the product? What are the goals?)

  2. Document

  3. Collaborate and build relationships
    (users, stakeholders, devs, engineers)

  4. Create early low-fi designs and socialise with stakeholders
    (keep everyone in the loop, to prevent big surprises)

  5. Iterate & test  (user test where possible)

  6. Create Invision designs and socialise

  7. Iterate & test (user test where possible)

  8. Handover for implementation

  9. Support implementation (when possible)

startae-team-704142-unsplash.jpg
 

Design goals: defining and directing

Ux & Design Goals

  • Create a predictable, simple and beautiful interaction

  • Reveal complexity progressively

  • Make the system do the heavy lifting to make it scalable in the future

img-squiggle-process.gif
 

Research: Competitive analysis

Major Competitor Product summaries

 Jawbone up - has wide ranging product with ability to track metrics for personal health. This  includes a vibration alarm with a few functions, and a way to keep track out your calories burned

21 Day Shred - a comprehensive workout and diet routine. This product combines 3 weeks' worth of progressively tougher workouts, and explains the field tested rationale for each workout plan.

Sworkit - a holistic approach to strength workouts. Allows the user to create and share custom routines on "playlists", and access your complete workout history

Jefit - Creates personalized workout routines by tracking and analyzing your workout progress, from over 13,000 exercizes. Stat heavy features allow for the user to see progress reports and comparison charts.  

 

3. Interviews and observational studies 

3f0b566463b9dfa9053269329f46beff_f2507.jpg
 

Real people give you real information. That is why we headed to the Gym and observed how people interacted with the machines. This gave us a great indication of their good personal habits, their and work arounds. Working out is a very personal, and customizable routine.

 

4.Practical application

Application map

Sitemap.png

Credits

  • Client: Corr-Jensen

  • Role: UI/UX/Branding

  • Coworkers: Team (Design, Packaging, Marketing, and Development)

  • Status: Concept and Design Approved.

  • Found on: itunes and google play


Thanks.png

Thanks for Watching!