The idea for the design came after my volunteering experience at Animal Aid Shelter. Despite having a strong online social presence, having an app would provide the shelter a consolidated area by making the data more precise and accessible. I accessed the relevant information on the shelter website and generated a design that would help the users get better
access to the working of the shelter and hence leading to more animals
finding their forever homes.
Understanding the Information.
Animal Aid has a variety of services, facilities and training programs. These are all varied and range from stray animal rescues, volunteer opportunities, spay/neuter facilities, medical treatment, among many others.
Services at Animal Aid
Closed Card Sort.
In order to understand the organization of information on the app, I performed a Closed Card Sort with 4 participants.
The results and process of the card sort is described below.
Categories for sort
For the card sort, I briefed the participants to help them learn about the project. After that, I had them go through a series of tasks of card sorting and encouraged them to speak aloud to let me know about their thoughts.
Semi - Structured Interviews.
"We would like to know about
the animals and their stories
before we get to the shelter."
"I want there to be a payment option on the app so that I do not have worry about paying when I get to the shelter."
"I want to know about the
volunteer requirements properly
and in detail."
Access to clear information
Based on the feedback from the card sort and the semi-structured interviews with adopters, volunteers, doctors and visitors, I created the information architecture to represent the needs and resolve the pain points found during the research phase.
After defining the information architecture, I created rough sketches of paper prototypes for the app to get an overall idea of how the information on the app would look and how the screens would transition among each other.
The wireframes provided a more broad idea of how the information would be presented. The wireframes also addressed the pain points that were found during the research phase. The wireframes give an idea about the structure of the app but not the visual design, which is explored in the prototyping phase.
The prototype was designed as the final deliverable for the project, with the visual design and the information structure laid out. The following section explains the main services in the app point by point.
The landing screens present all the required information in one place and guide the user towards the 3 main sections - Volunteer, Donate, Sponsor.
About the Team.
The about section elaborates on the working team, history of the organization and the founding member interviews and redirects the user to the FAQs.
Users can read rescue stories and sponsor
treatments, care and adoption for a chosen animal.
How can you help?
This section gives the users the option in which they can get involved with the shelter in various ways.
Users get the option of accessing the shelter location and the volunteer manual. The manual is also downloadable to the user's phone. Users can also donate money in multiple currencies for the animals.
Memorialize your Pet.
Users can permanently memorialize their beloved pets who are no longer with them by featuring them with the shelter and in turn, helping the shelter save more lives.
Hi! While you are here, please go and check out the amazing work that Animal Aid does here.