Mobile App

Truppr

Redesigning how people find fitness events and connect with other fitness enthusiasts.

Overview

Truppr is social fitness app. I redesigned the truppr mobile app in my full-time role working in a multi-disciplinary team at Co-creation Hub. The purpose of the redesign was to improve the user experience and make the features easy to use.

Role in project

UX Designer - Research, Information Architecture, Interface Design & Prototyping

Goals

Map out the most

basic & valuable features

Design features with an improved

user experience

Looking back

As part of the design process, I carried out a UX audit of the current version of the app and documented findings. I also interviewed some users to identify their pain points

The user interface of earlier versions of truppr

The earlier version of the truppr app recorded some good usage but as the number of users grew the app became buggy and certain usability issues started to surface in some features such as the signup process, finding events and also checking in to joined events.

During signup, users have to select a country from a long dropdown menu

Insights from users

In order to get more knowledge on the current app, I spoke with a few users to understand how they interacted with the app, what features they enjoyed using and what were the features they didn't like or never used.

Understanding the Challenge

Next step was to breakdown insights, identify all features and prioritise on which features are most valuable based on insights from users and in collaboration with stakeholders.

After going through all the current features and matching them with expectations from users, we discovered that the most valuable features are those that allow users:

  1. Find events around them or in a location
  2. Create open or closed events
  3. Check-in to events and earn points

Outlining the most valuable features

After a series of discussions with stakeholders, we identified the features most valuable to users based on insights from interviews. I then went on to design a flow to show how users would navigate through the new features. This step was important in mapping out the most valuable features.

User flow of the new features

Wireframes & Mockups

With the main features of the app outlined, I moved on to visually representing ideas in low-fidelity.

Initial wireframes of the redesign

The sketches were presented to a few users to identify what information they need to see to be able to take actions. This was the only bit of testing we could conduct because of time constraints and decided to rely on post launch feedback to get more feedback from users.

Getting users onboard

The goal was to allow users signup easily without bugging them with too many details and sending them off to verify their account before they login (they do this later)

The signup redesign

  • Reduced the number of text fields users have to input
  • Reduced the average time to create an account
  • Allowed signup via existing facebook or google account

Getting more details

Signing up is as simple as possible only asking users for very important information, the app leverages on the user’s location service to get location.

Users are subtly prompted to complete their profile. They also can see how much of there profile is incomplete.

All done! Once users complete their profile they can see updates and no longer prompted to complete their profile

Finding events

The explore screen was designed to help users find events by themes. Users can easily scroll through themes and then search by event name or the location of the event as well as when the event is scheduled for.

All events listed on the explore page can further grouped into open (anyone can attend these events) and closed events (which requires the event creator to approve).

Checking in to an event

In order to earn points, users have to checkin to events when they arrive at the event location.

Features of the redesigned checkin

  • Checkin button is deactivated until the time of the event
  • Users get notified before the event to remember checkin
  • Users are notified to ensure they are at the location of the event when about to checkin

The goal of the redesign was to allow users seamlessly use features on the app so it was important to only design for features we identified are valueable to users.

See more projects

Quizboot

Building a consistent mobile & desktop web experience on a quiz platform.

View Case Study

Nimcure

Working in a multidisciplinary team to design a tool to help patients adhere to treatment.

View Case Study

Klasconnect

Improving learning experience and interaction between students & teachers.

View Case Study