"Amigo não se compra" NGO . Mobile First Website . UI Design
"Friends can't be bought" is an NGO that helps animal caregivers find new homes for rescued animals. They needed a redesign of the site, considering the "Mobile First" principle. The new interface facilitates the search and emphasizes the photos of the animals, with the aim of encouraging adoption. In addition, the process of registering a new animal has been simplified to 4 steps and caregivers are encouraged to post several cute photos and videos of the animal.
This was voluntary work.
My role and responsibilities:
UI Designer
-
Adapt the entire layout of the site to the principle of "Mobile first" -
Creating wireframes, layouts and high fidelity prototypes -
Figma organization and handover to the development team -
The problem
The NGO, active since 2012, already had a website for registering and adopting rescued animals. However, this site was designed for desktops and did not have very good responsiveness. And most caregivers already preferred to access the site using their cell phones, as this facilitated access and registration of photos and videos of the animals, a very important factor in advertising for adoption.
The goal
Redesign the website, changing the current layout to a "mobile first" concept. The main objective was to ensure that the registration of caregivers and shelters, the registration of animals and the search for animals became more efficient on a smartphone.
Wireframes and High Fidelity Prototyping
From the current website, we designed high fidelity wireframes and built a prototype to test the navigation flows on the smartphone. The main flows were:
search for animals
This is the main focus of the site. Ensure that anyone wishing to adopt an animal can find it through the NGO and get in touch with the caretaker. Therefore, the search, with different filters, is an important feature of the site. And now it should work fine on mobile access too.
Animal registration for adoption
Any user registered on the site can register an animal for adoption. The NGO knows that the more photos and cute videos and information the caregiver registers, the greater the possibility of the animal being adopted. That's why it's so important to register quickly and easily on your cell phone, where it's much easier to find photos and videos in the device's gallery.
New user registration
The NGO already had a large user base, but growing its base also meant increasing the likelihood of adoption for animals registered on the site. That's why they were including the possibility of registering with their cell phone number since many users don't have or don't use email.
user profile
In the user's profile, important information can be found, such as conversations about adoption, animal registration, and donations made. It was important that the user had this information centralized in one place, easy to access and understand.
Flow for the Registration of Animals for Adoption
Caregivers gained easy and quick access to their animals registered in the side menu. The entire flow of registering animals for adoption was simplified to 4 steps, making it easier to add information, including photos from the smartphone gallery and YouTube videos.
