Lead Designer
My Role
Client
InFit (personal project)
Health & Fitness / Lifestyle
4 months
Duration
Industry
InFit
Inclusive Health & Fitness brand 'InFit' launches app to help people with diverse abilities find inclusive gyms.
People with diverse abilities are more likely to suffer from chronic health conditions, due to a lack of engagement in physical activity.
Problem
Solution
An inclusive gym finder and fitness tracker app, helping people with diverse abilities keep fit.
Projected Outcomes
Enhanced Accessibility: Designed with voice commands, screen readers, and customisable text, ensuring usability for users with visual impairments.
Improved Independence: Aimed to empower users to complete daily tasks without assistance.
Reduced Social Isolation: Designed community features to connect users with support groups and social events.
Adaptive Experience: Created a flexible UI that could adapt to user preferences, enhancing user retention.
Scalability: Envisioned to serve thousands of users globally with diverse abilities.
The Challenge…
Scoping Competitors
One-Size-Fits-All Classes: Fitness classes may not accommodate users with diverse abilities.
Lack of Awareness: Staff may not know how to assist these users properly.
Physical Barriers: Lack of ramps, wide doorways, accessible changing rooms, and adaptive equipment.
Non-Accessible Apps: Some apps and websites lack accessibility features (e.g., screen reader support, voice commands).
Overcoming research limitations…
Referring to user comments on Youtube videos and websites highlighted some common barriers to physical activity which guided design decisions.
Visualising User Journeys
Key takeaways
Inclusion and acceptance is a key desire for this user group
Users can’t find convenient gyms that meet their specific needs
There’s a knowledge gap of how to engage in physical activity and keep fit
Common barriers include: lack of time, no support, low self-esteem/confidence, fear others perceptions
82% of this cohort use the internet
My Creative Direction
User-flows, Information Architecture, Wireframes, Content Design, Microcopy, UI, Accessibility
Sketching ideas on paper helped visualise the user-flow and IA before designing and testing the relevant screens for feedback.
Sketching Ideas
User-flow
Wireframes Vs. Hi-fi Mock-ups
Key examples of mid-fidelity wireframes and hi-fidelity mockups. A few changes were made to final screens after implementing material design and WCAG guidelines.
Personalised home
Gym finder
Gym finder (filter)
Gym info / book visit
Onboarding screen 2
Sign up/Login
It was important to design the app according to WCAG guidelines whilst creating an engaging UI. The typeface, font, icons, and accessibility features were considered throughout. A contrast checker was used to validate the primary colour which conveys activeness, energy and optimism.
Accessibility
To measure the success of this app and future iterations, I would consider:
The research approach - conduct user interviews to gain accurate and deeper insights for the nature of this app. Implementing card sorting may improve and streamline the user experience, as there are many categories to consider.
User testing and Heuristics - due to lack of access to target users I was unable to test the different versions of the app I designed. Heuristics and A/B testing would help identify usability issues and standard guidelines for the nature of this app.
Partnerships (ROI) - include a subscription service for companies to advertise inclusive facilities and manage their profiles (admin access).
