App design on Figma

Y fitness is a fitness center, that mainly targets young adults. In this project, I used Figma to create wireframes, mockups and prototypes. There are 3 main tasks in this app, which is to view different programs, book a class as well as cancellation of classes

Firstly, I looked at existing websites for inspiration on the content and layout. I then created a sitemap to plan how each of my screens will be linked and to also identify the key screens to design. I then roughly sketched out the layout of each screen, allowing me to test out different placements of buttons before deciding on a final layout in the wireframes.

In this step, I designed the wireframes on Figma. Adjusting the layout when needed. I decided to base my design on the main task which is to book and edit bookings on the application. Therefore, I designed the home screen, the program screen, the make a booking screen and lastly the edit booking screen.

Next, I added images and had to decide on a color scheme for my application. I decided to go for a blue theme for a more serious vibe. This part was the most interesting part as I got to try out many different color schemes before deciding on one. 

Lastly, I made the application interactive. I made all my pages link and also designed other things such as popups, loading screens and I also made the form interactive. I added dropdowns to the forms and designed a booking confirmation popup