K’s Animal Shelter
For this project, I was to create a simple website for an animal shelter that would all the user to see animals available for adoption as well as give information on each animal.
My Role: Research / Wireframes / Design
Tools: Figma
My Process
This project needed a simple and streamlined way to inquire about animal adoptions that included great images and important details.
DISCOVERY
User Research
I conducted informal surveys of current adopted pet owners to figure out pain points that they may have encountered.
Competitor Research
For this step, I visited and evaluated several pet adoption sites and read reviews of of these sites making note of what works and what doesn’t.
DEFINE
Through discovery methods I was able to define 4 pain points that seemed to be a common theme among surveyed users as well as competitor users.
-
Descriptions can be too wordy causing user to miss important details.
-
Images can often be too small and also of poor quality.
-
Other sites seem you are being forced into a commitment too early.
-
Most sites have too much clutter.
Creating a user journey map helped me get a sense of what the adoption process was and also helped me simplify the journey and resulting sitemap.
DEVELOP
It was now time to start bringing it all together. Sketching wireframes onto paper was a great low-stakes way for me to get ideas down on paper as fast as possible.
The sketching process helped choosing the best iteration for moving onto digital wireframes.
TEST & IDEATE
I was able to observe users move through my very simplified version of my wireframe prototype.
Key Takeaways
Users appreciated the simplicity compared to competitors.
They also found the straightforward nature of the homepage was helpful in guiding them to the flow.
They felt the individual pet pages could use more images.
