Y-Fitness

Fitness app for users to book, cancel and track their fitness classes

Y-Fitness App using Figma

UI Design Principles

When designing my Y-Fitness app, I implemented various UI Design Principles. Such as ensuring all of my pages are consistent, clear, visible and organised throughtout. A consistent use of typography, color palette, icon style and component sizing across all screens helps users build familiarity and navigate the app intuitively. All of the content is structured using clear hierarchy, well-structered layout, spacing and labeling, enabling users to quickly scan information and complete tasks such as browsing programs, booking classes and tracking activity. Additionally, key actions can be made immediately through visible prominent buttons, recognisable icons and clear status indicators. This reduces confusion and allows users to interact confidently and efficiently throughout the app.

Mood Board

Site Map

Sketches

Wireframes

Prototype

Style Guide