GRIPABLE
LEAD DESIGNER
GripAble is a hand exercise tool with gamification aimed at training hand and arm functions. It provides fun activities that focus on different aspects of grip, hand and wrist movement.
Delivered through an accessible mobile app with fun and engaging software, GripAble is able to measure and track activity progress, providing real-time feedback on activity levels.
WHO
PROBLEM
We were tasked with expanding the offering of a mobile app across a variety of operating platforms. The aim was to improve access and therapy for a greater number of online patients, whilst enhancing convenience and ease of use.
The app already had an existing brand and very basic design system but working with an external graphic designer had meant the UX/UI had not been approached as a holistic end-to-end experience. This led to a busy, disjointed experience.
The app already had an existing brand and very basic design system but working with an external graphic designer had meant the UX/UI had not been approached as a holistic end-to-end experience. This led to a busy, disjointed experience.
SOLUTION
Each new build of the app gave us the opportunity to improve the design and built out the design system to allow for more flexibilty and consistency whilst keeping it simple. The most impactful change I made was allowing the pages to be scrollable which allowed a lot more space to make the app feel less busy and provide a pleasant patient experience.
As users would be recovering from varying degrees of hand injuries the design also needed to be accessible with a simple UX and large CTAs.
As users would be recovering from varying degrees of hand injuries the design also needed to be accessible with a simple UX and large CTAs.
IMPACT
Increase in users due to expansion of app into android
WIREFRAMES
When presenting functionality and concepts to the client, it was helpful to initially show wireframes so the conversations were more focused.
I used wireframes to align on the functionality of a given page then prototypes to demonstrate the user flows and end-to-end experience for each function. Once we had agreed on the UX, we could move to the aesthetic design.
I used wireframes to align on the functionality of a given page then prototypes to demonstrate the user flows and end-to-end experience for each function. Once we had agreed on the UX, we could move to the aesthetic design.