Client DYR
Role | UI/UX Designer 
Duration | FOUR Weeks
DYR is an association of animal shelters based in Chennai, India. They partner with shelters across the state of Tamil Nadu to raise awareness and foster the discoverability of rescued animals such as dogs and cats waiting for a home.
Problem Statement
India is home to about 30 million stray dogs, which amounts to 1 stray dog per 42 people in the country. There are very few organisations in India that functions on a large scale to care for, nurture and provide shelter to stray animals. Most of which are ill-equipped due to lack of discoverability, resources and financial constraints. 

DYR wanted to change this. By partnering with shelters all over the country, they wanted to create a platform that allows people to see all the available animals in any shelter close (or not) to them. Awareness and discoverability were the primary issues DYR wanted to address. 
Project Goals
To create a responsive (web, tablet, mobile) website that lets users,
‣  Find and adopt an animal companion of their choice.
‣  Access information about each animal put up in the shelters associated with DYR. 
‣  Enrol to become an active member of DYR’s Foster programme. 
Stage 1 | Research
A research plan was formulated to identify the procedures for pet adoption through shelters and NGO’s in India, the services and programmes offered, channels for acquiring pets and roadblocks in adoption discoverability. Using secondary research and attitudinal studies methodology, the mindset of target group, their attitude towards pet adoption and fostering were analysed.
Survey Findings
Conducting a user survey for understanding people's perception towards pet animals helped uncover notions surrounding the willingness to help and adopt stray animals. Some of the notable inferences from the survey are listed below - 
Hindrances to native animal adoption
Street dogs are a common sight in India. Many people feed them but do not wish to raise them as pet animals. It is largely because of the assumption that many stray animals are feral with high temperament and the possibility of carrying rabies. Some of the other inferences from interviews include - 
Overall research findings helped establish necessities for the website
- Animal adoption needs more awareness. Misconceptions need to be addressed in the website through sensible humane education of issues surrounding animal welfare.
- Entire adoption journey needs to be streamlined digitally to increase chances and number of efficient and successful adoptions.
- The platform should emphasise the awareness and visibility of animal shelters in local communities.
- Prospective adopters need to be made aware of Foster programmes so they can experience what raising a pet full-time would entail.
Stage 2 | Defining the problem
Synthesising User Research
From the research findings, participants inputs from contextual inquiry, research data was analysed to identify similarities/patterns behaviour and preference. Based on the opinions and views shared by participants from user survey and interviews, a persona was created that encompassed their shared ideologies.  Following which an empathy map was developed using patterns observed from inputs provided by participants from contextual inquiry.
From left to right - Persona Development, Empathy Map
Product Roadmap
After a thorough investigation from secondary research and user interview findings, MVP features in the website were established by creating a product feature roadmap, keeping the scope between adoption, fostering and shelters associated with DYR.
Information Architecture
Using the features furnished in Product Feature Roadmap, a sitemap was created combining the task flows with user navigation paths for the three major task flows,
- Scheduling a visit to the shelter.
- Enquiring about interested pet animals.
- Enroling in 'Become a Foster Parent' programme.
Stage 3 | Ideate and Design
Initially sketches were made to build variations on the homepage design to establish a basic structure of the layout for web, tablet and mobile version. Subsequently a low fidelity prototype for the web was created using Invision.
Brand Identity
A logo that had a direct visual message about the brand was designed. The logo symbolizes DYR's contribution to the animal welfare community - which is to provide shelter to stray dogs and cats. The shape of the logo also represents a 'pet tag', which is to represent the individual identity of each animal in the shelter who are distinguished by an assigned ID. 
                               Primary Logo                           Small Size Variant                         Mobile Icon
UI Kit

Stage 4 | Prototype & Testing
An interactive high fidelity prototype of DYR's desktop website was created using Invision. The prototype functionality is limited to three major task flows.
- Scheduling a visit to the shelter.
- Enquiring about interested pet animals.
- Enroling in 'Become a Foster Parent' programme.
Prototype of Mobile Responsive Design
Usability Testing
To determine the level of efficiency of design and usability within the user interface of the interactive prototype, moderated usability testing was conducted. The test was designed to establish ease of navigation within task flows, get clarity in content and call-to-action based on user understanding, identify any anomalies in navigation, terminology ambiguities etc. Post observation feedback was gained from the test participants to find what they liked the most, liked the least and their recommendations for improvement.
An affinity map was created based on errors and issues observed during usability testing. The affinity map is segregated into groups of findings in navigation & usability; content and call to action, suggestions from participants and recommended course of action to address the issues. The prototype was further updated to accommodate the changes rolled out in affinity map.
Way forward
Given the time and effort I invested in this project, the overall outcome has been quite successful. If I had more time I would definitely like to work on designing the other sections of the website that are more challenging like making a donation, registration for shelters. 
Back to Top