In February 2019,  myself and 2 other design students (David and Eilidh) were tasked by Waracle to redesign the existing Glasgow Club app. The purpose of the project was to ensure an improved user experience, allowing the gym users to utilise the app in aiding them throughout their fitness journey.
Project Goals


        1. Increase customer engagement and retention
        2. Gain new members for Glasgow Club
User Research

We began by talking directly to current Glasgow Club members, asking about their use of the gym and their experiences with the existing app. After gaining insights through semi-structured interviews with members, we broadened our research out to survey people who attend other gyms and people who don't attend any gyms. This allowed us to build a sound understanding of the user's wants and needs.
Personas & User Stories

As recommended by the UX team at Waracle, we kept personas minimal and used them as a tool to build a collection of user stories. This gave allowed us to stay user-focused throughout the project by referring back to these statements later in the process.
MoSCoW Model

We used the MoSCoW model to then prioritise which features would best help us in meeting their needs and wants. By categorising features into four sections: must, should, could have, won't have, this gave us a good framework of which features would be the focus of this project.
Wireframes
As a collective we carried out the crazy 8's task, resulting in a series of sketched wireframes for each features: sign up/sign in, dashboard, class info and booking, calendar, workout log and account. This allowed us to eliminate unsuitable solutions and guided us towards which UI layouts would work best for the app.

Early Testing

To ensure the app's user flows were intuitive and made sense to users, we used our wireframes to build an early prototype. We tested this before proceeding forward to create a high-fidelity prototype.
Final Solution

To ensure the app's user flows were intuitive and made sense to users, we used our wireframes to build an early prototype. We tested this before proceeding forward to create a high-fidelity prototype.