Braimah Salami

This section details the user experience for the initial point of contact: the MGYM Member Login screen. Design Goal To create a login experience that is fast, secure, and aesthetically aligned with the brand's premium, dark-mode identity, reducing friction for new and returning members. Key Design Choices Minimalist & Focused: The login form is centered and minimalist, eliminating distractions to ensure the user's focus is solely on authentication. Multiple Entry Points: We included an option to 'Login with Google' to cater to users who prefer a single sign-on (SSO) experience, significantly speeding up the login process. Accessibility & Trust: A clear link for 'Forgotten Password?' is easily accessible, and the option to 'Sign up here' for new members is prominently placed, ensuring all user paths are clearly signposted. Visual Hierarchy: The primary 'Login' button is highlighted with the brand's vibrant teal color, making the main action unmistakable.

This description highlights how complex user data is presented to be informative and actionable. Design Solution: Data to Action The profile page serves as a dashboard for personal health. Instead of just listing numbers, the design organizes data into digestible, actionable blocks: Interests: Displayed as easy-to-read tags (Basic Yoga, Muscle Building, Cardio Strength, Beginner Pilate) for quick comprehension. This can be used by the system to suggest personalized content. Target BMI: By separating the target range from the current, the user is given a measurable goal, moving from an abstract idea to a concrete target. Activity Integration: The 'Next Activity' and 'Recent Activities' sections transform the profile from a static settings page into a dynamic hub, immediately connecting the user's data to their planned and past actions. The 'Join Session' button is the ultimate call to action, driving immediate engagement.