Mobile App UI (Fitness Centre)

This is the first Figma Interactive Prototype that I have created for my school module. It is a mobile application designed for users to book fitness classes at a fitness centre, Y-Fitness. The application allows users to browse through classes/programs, check the timings and locations of their classes, and book/cancel classes effectively.

To start the process, I searched for references and inspirations to help guide me with my prototype. I used the PURE Fitness Singapore website as my reference for this work. I also went up to Pinterest to search for design ideas. My colour palette for this prototype consists of red, blue and white, as my impression of a fitness centre app is bold and energetic, thus letting me to settle with these colours.

After that, I sketched out the wireframes so that I get a sensing of what I want my actual prototype to look like.

Before crafting the prototype, I make sure that my wireframes are detailed and well-made. This is so that I can use it as a reference for my prototype later.

Then, I went on to crafting my prototype by adding in the colours and pictures. I also made the prototype interactive to mimic the actual mobile application

Here is the link to my Interactive Prototype: https://www.figma.com/proto/wU6dsdPf1NY1BVgCnKMNHr/T383-CA1-FigmaMockup-Student-24032675?node-id=0-1&t=4FCctScMMsu1SwyT-1