GRIPABLE
LEAD DESIGNER
I was tasked with conceptualising a brand new music festival. The main goal was to create a strong visual brand identity and a responsive website creating an engaging, impactful and well-designed experience for the users
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.