Access this Figma link to experience the redesigned user flow of the website and get a better understanding of how the new design will enhance the user experience: [https://www.figma.com/proto/GSxgSzk3MVh1dCplQdrtVE/No%C3%A9-%C3%81llat-Otthon---Redesign?page-id=0%3A1&node-id=1-4492&viewport=122%2C-876%2C0.08&scaling=scale-down&starting-point-node-id=1%3A4492](https://www.figma.com/proto/GSxgSzk3MVh1dCplQdrtVE/No%C3%A9-%C3%81llat-Otthon---Redesign?page-id=0%3A1&node-id=1-4492&viewport=122%2C-876%2C0.08&scaling=scale-down&starting-point-node-id=1%3A4492) 

The user enters the NOE Animal Rescue Center website, where she/ he is presented with a homepage with navigation options to different sections of the website.

User clicks on the "Adopt" section of the navigation menu.

The user clicks on the "Adopt" section of the side navigation menu.

The user is presented with a page, containing all available animals for adoption.
Here she or he navigates to the filtering section by clicking the button "Search for Your New Bestie"

The user filters the results to only show dogs by choosing "Dog" from the dropdown menu.

The user can set multiple filters here for age, gender, size, fur length, and site location.

After setting the filters, the user can proceed with the search by clicking on the "Search" button.

 The user clicks on a dog's photo or on the "More About" link button to view more details.

The user is taken to the dog's profile page which is an overlay scrollable details card, which displays additional information about the dog, including its name, age, breed, and virtual supporters if they have.

The user can also see photos of the dog and additional details such as their description of their personality and history.

If the user decides to adopt the dog, she or he can click on the "Adopt" button at the bottom of the animal's detail page or...

There is an "Adopt" button placed right at the top of the animal's page to make it easier for the user to take action whenever they decided to.

Users will be redirected to fill out an adoption application form created to help  NOE Animal Rescue Center to get more information about the possible adopters.

When the form is filled out with all the required information, the user click the "Submit" button.

The user can navigate back to the website via the provided link to learn about adoption-related information.

Figma

Google Docs is a cloud-based document editing and collaboration platform. Learn how to change your doc margins, delete pages from docs, strikethrough text, and much more.

Developing a Potential User Flow for NOE Animal Rescue Center