Gloji | My Path – Katie Ambrose

Context

Gloji is a healthy lifestyle product containing a 12 step video programme with optional 1-2-1 calls with a health mentor. When it was released as an MVP the programme lacked the navigation functionality for the video programme, instead users could only view one video at a time, and could not reflect back on previous steps or see what's coming up next. This alongside poor design choices and technical decisions made early on lead to a lacklustre user experience and dissatisfied customers. This project aimed to create a feature which allowed users to navigate through their video programme, while also alleviating some other navigation related pain points.

Led the product design and user research effort throughout the project, following an end-to-end design thinking process.
Co-led refinement meetings with Product Owner to map technical feasibility, saw the product through delivery and monitored post launch via Hotjar.

Tools: Adobe XD . Miro . Photoshop . Dovetail . MS Teams . Azure Devops . Hotjar . Useberry

Discovery

From the launch of the MVP it was apparent that Gloji's navigation would need to be expanded in later releases to improve the user experience. Users complained they did not understand where they were in their video programme, and noted they would like to look back on previous content to reaffirm the behaviour change lessons they had learnt.
In addition to this, users also experienced some general issues with the applications navigation, such as how to complete a video and move onto the next.

Myself, the Product Owner and Lead Designer hosted a series of workshops and user interviews to help define what the navigation could look like.

Userflow & Use Cases

This feature will not only allow users to look back at previous steps but also skip ahead weeks depending on where they are in their programme. It was apparent from the initial discovery research that there will be various use cases and scenarios to account for in the UI when displaying a video card with their current or next step. This was therefore mapped out prior to wireframing.

Wireframes

Following the discovery research and user flows initial wireframes were designed ready to get in front of user. The carious use cases were taken into consideration, including locked steps, or scenarios where a user had completed skipped a week and moved onto the next.

1-2-1 User Research

The wireframes were presented to users to get their thoughts and feedback, the findings were documented in dovetail,

The research for this project was recorded and analysed using the software Dovetail, however for the purpose of this portfolio here is a summary with some key quotes

Final Designs

Following the 1-2-1 user research some changes were made to the designs off the back of user feedback, including highlight the users current step to make it clear on the timeline where they are currently, affirming the language of steps > weeks, made it easier to move on from one part/step to the next.

Prior to launch these were prototyped and tested with users, and presented to our behaviour change consultant to get their feedback.