Grndhouse
Grndhouse is an online service providing weight based exercise classes with their trainers. The team wanted to create a desktop & mobile app to enhance their user experience.
MY ROLE
User Experience Designer
METHODS USED
Research, Prototyping, Design Iteration, Design Delivery
The Brief
Design a desktop and mobile app using their preexisting brand guidelines and online creative.
Competitor Analysis
Researching existing applications was very important in developing a knowledge base for designs. Analysing their features and unique selling points provided valuable insights for our wireframes.
UX Framework
Onboarding User Journey Map
It was imperative that we didn't create a drop off in users during the onboarding process. Working with the Grndhouse (GH) team and taking insights from our research, we iterated the onboarding process and came up with this final journey map.
Onboarding Wireframes
To best display the onboarding journey I created a wireframe flow to show the team, it allowed them to provide feedback and for us to refine the journey, creating a final outcome.
App Navigation Sitemap
Building a simple 5 icon navigation was essential to create the foundations for the app, covering the key areas touched on in our discovery sessions. Collaborating with the GH team ensured nothing was missed from their mainpages.
App Wireframes
With the main framework complete we built out wireframes for all of the key pages of the app, ensuring to include of the key areas highlighted in the sitemap.
The Design
Badges & Awards
A key part of the user experience is to receive badges & awards for completing classes, we designed each one in accordance with the criteria set out by the Grndhouse team.
Final Design
Creating designs for multiple devices meant we needed to ensure our design system was responsive and adaptable. For each device created individual parent components to ensure we were consistent across all the designs.
