Avios

Proof of Concept: Creating a Team-Based Fitness Hub to Drive Company Health and Increase Group Social Behaviour

Industry

Travel

Tools used

Figma

Product requirements

  • Logging activity
    The user must be able to see where to log their activities.

  • Social updates
    The user needs to see their teammates’ progress.

  • Fitness goals
    The user needs to see how long is left in the challenge and how many points they’ve earned.

  • Fitness insights

    The user needs to be able to see clear and simple insights with a breakdown of their activity.

  • Gamification
    The product needs to feel playful to encourage competition and visually highlight current leaders.

Speaking to the client and figuring out the exact features and customer expectations for the project

Requirements

Speaking daily to the product owner to align on design concepts and speaking holistically about the product

Daily check-ins

Creating the full working prototype for the client and allowing them to share it with stakeholders to act as proof of concept before development.

Prototype

Working closely with a product owner, I helped to deliver a design phase prototype of a new fitness application.

The core customer journey enables employees to easily log, manage and track their fitness goals, creating gamification and incentivised activities to ensure engagement from employees.

Focus:

Leaderboards - Clear view of you and your team’s progress and activity.

Fitness breakdown - Let the user see the different exercises they’ve completed.

Social behaviour - Encourage support from teammates and attempt to push teams to keep logging more activities.

Concept to prototype

To drive competitive behaviour, the users needed to have visual elements that represented a tournament look and feel.

How?:

  • Highlight the table movement with up and down arrows

  • The crown for the leader to create a distinction between the teams and push competition.

  • Familiar gold silver and bronze colouring

Clear fitness focus

A focus needed to be on tracking fitness data, so having a simple visual way of seeing this information was a fundamental feature.

How?:

  • I wanted the user to easily make a distinction between their activities and the amount of time they’ve logged.

  • Hover state showing more details of the activity.

  • Different colours to represent different sports at a glance.

Activity insights

Friendly competition

Part of being in a team is having your fellow members cheer you on.

I created a simple social feed to show the user when someone had reacted to an activity.

Aim:

  • Encourage users to log activities.

  • Create a community.

  • Introduce a more playful feel to the product.

  • Using simple emojis to fit with familiarity bias.