Animal shelter adoption page UI redesign
Project brief
A local animal shelter’s website (which I check every day to see if they have any good dogs I could adopt) is pretty dated, with confusing information architecture. It displays especially poorly on mobile, with the site header taking up ~70% of the screen when first loaded. You then have to scroll through a long block of text about the adoption process before you get to the profiles of the animals.
First of all, I went through the site and recorded the ‘as-is’ usability problems, and took notes about important business-relevant elements that should be retained in the redesign (e.g., the call to action around donations).
Sketches and Wireframing
I sketched out several different ways of laying out the most important objects from the adoptable cats page, and took the successful elements of each to put into a lo-fi wireframe.
Creating a high fidelity mockup