Dallas pets Alive!
Project Name
Dallas Pets Alive!
"Making Furever Friends"

Project Date
08/30/18-01/05/19

Role
I updated the UX/UI for the adoptable pet listing and profile pages.
Platform
Web and Mobile Browser
Design Tools & Methodology
Photoshop, Illustrator, Adobe XD, Paper & Pencil, A/B Testing, User Interviews, Heuristic Evaluation
Key Performance Metrics
engagement time, user feedback

Team Members
UX Designer: Colin Curley (me), UX Design: Allison T., Web Development: Katie P. 
Overview
Dallas Pets Alive! is a no-kill animal shelter located in Dallas, TX.  The organization has been experiencing an increase in volunteers and web traffic. In response to their growing online presence the web master sought to improve the usability of their listing page and make the application process more accessible throughout the website. I collaborated with the web developer Katie P. and UX designer Allison T. to implement design based decisions gathered from UX methodologies. 
Initial Research
. I was able to identify potential user goals and avoidance using survey results from a survey the organization conducted. Additionally, I reached out to those I knew had rescued pets. Through this research I was able to generate a few user personas to help identify candidates for testing.
The first user persona would be greater in years,  who would desire a pet that would require less training and maintenance. The second user lives with their family, and is seeking to adopt an animal for their children. They would prefer a younger animal and would not mind an energetic pet that is compatible with children. The third user is an adult seeking to adopt for companionship, and to have something to keep them active. While they do not necessarily have children, they may have other pets as well as roommates. With these trends in mind I was able to select candidates for using testing on the current website. 
Design
With these findings in mind I created a wire frame that reflected the discoveries I made in my initial research. I was able to design a layout that was 5 columns wide. Allowing for greater visibility of all the pets available for adoption. I also developed a filter for the search of the listing page allowing for users to only view potential pets they find desirable. I also added a large link that explains the adoption process and features a link to the disclaimer that was previously featured on all the animal profile pages. These designs eliminated unnecessary dialogue from the profile pages while still having important information at the forefront. On the profile pages I also developed a series of icons that could be used to efficiently communicate each animals most desirable traits. After iterating through wire frames I was able to develop the one featured in the link below.






During my testing of this wire frame, I found that a scale feature was more efficient than drop down for some popular search categories such as age and energy levels. I also designed a feature on the profile pages that would allow the user to scroll between profiles directly, rather than having to return to the listing page to view another profile. After sharing my findings with my colleagues, my designs were passed to the web developer to create an improved user experience for potential adopters in the Dallas area.


Findings
While some of the design alterations I recommended are still being implemented, the ones that have been added to the web pages saw great results. User time spent on the listing pages saw a ~200% increase contributing to more adoptions of rescue animals and volunteers. I hope I will have the opportunity to further dissect research data and survey results, gaining a deeper understanding of the users goals. Redesigning the UX for these pages was a very rewarding and experience and I learned a great deal about user goals and interpreting them to make intuitive UX decisions.