Pet Center Nature Rebrand
Pet Center Nature is the final project for my full stack web development bootcamp. The goal was to recreate and rebrand the site and give it more of a modern look and easier navigation.
View full project on my GitHub
I recreated and rebranded Pet Centre Nature's website because I felt that there was a lot of missing potential when it came to who they are as an organization and how they represented it through there website. I wanted to give it more of a modern and refreshing feel as well as smoother user experience and clear navigation.
Current Homepage
The current page looks very bland and very disorganized. Many of the paged had endless scrolling and it was hard to read and look at. it was also very difficult to navigate through the animals up for adoption.
Adoption Page
People are able to filter by the pets species so that they don't have to keep scrolling through the "All Pets" section. A cool feature I would like to add in the future would be a search bar if someone had a very specific pet in mind that they would like to look up for easy access.
Book an Appointment
Once you choose a furry friend that you think would be the perfect fit, you would want to book an appointment. You're only allowed to submit the booking form once you fill out all the information. If the email is invalid or you already booked with that specific pet with the same email, you will recieve an error. Once you submitted successfully, you will recieve email confirmation with all of the details!
Sign in/Sign up
This feature will be very practical once I add the favourite feature. Once added, you will be able to heart a pet and add it to your favourites page so that way you won't forget the pet that you're interested in and you can continue browsing with no stress.
Contact Us
A google maps API is being used to make it easier to view all of 7 locations. If you click on the marker, you can see all of the information for each store. The information is also posted on the side of the map.
