Inugo

Case study

Inugo is a responsive website that revolves around pets, their health and meeting other pet loving owners. The site allows users to keep track of their pets vaccinations and medications, updates users about health scares and pests in their area, informs users about changes in regulations and allows them to be involved in the local pet-loving community. The website also connects users who want to adopt to the local shelters.

Role
UX designer, designing the app from conception to delivery
(mockups and prototypes developed in Adobe XD)

Responsabilities
Conducting interviews, paper and digital wireframing, low and high fidelity prototyping, conducting usability studies, accounting for accessibility and iterating on designs

img03

Problem
People want to be informed about new regulations, local events and health scares / updates in their area without having to do research

Goal
Design an app that allows the users to keep their pets healthy and enjoy meeting other pet-loving people in their area

img03
img03

img03

What can this Persona teach us about pain points?
I conducted interviews and created empathy maps to understand the users I’m designing for and their needs. A primary user group identified through research was pet lovers that struggled to find informations about health scares and diseases common in their area

Most of the people in the user group also preferred to have health related infos only in one place

Paper Wireframes
Before moving into lofi and hifi prototypes, I wanted to get a feel of how the main user loops worked and quickly test changes to the design

img03

Lofi prototype
After the wireframe the next step is developing a lofi prototype and use it for the usability study

img03

Hifi prototype
After the first usability study some changes where made based on the insights, more specifically:

O Users struggled to edit the profile -> a modal was added;

O Users struggled to edit and add pets -> a secondary modal was added;

O Users struggled to know how to edit medications and vaccinations -> the page war reorganised to make the IA more understandable;

After this changes to the hifi prototype I conducted another usability study that resulted in only some minor tweaks

img03

To highlight the health updates, infoboxes were colorcoded in blue and added at the top of the relevant pages

To improve the readability of the medications calendar (in particular for people with disabilities) the user can find the relevant infos not only in the calendar but also in a list format

img03
img03

Style guide
Using different color for different meaning (blue for warnings, yellow for profile...) allows the user to easily navigate the content.
The main typeface of choice for the website is Sen, I felt this typeface best fit the app do to it's extreme versatility through uppercase and lowercase styling.

img03