Arts N Paws
—— Animal Saviors
Background Story
A.R.T n PAWS is a local animal rescue that helps to provide care for pets that were neglected or abused. While they are doing a great job of helping out animals in need, their website is a little outdated and uninteresting. I took the time to dedicate this project to a local Non Profit Organization that desperately needed help redesigning their website.
Problem
Arts N Paws is a non profit organization that provides care for neglected and abused animals. Their website is outdated and lacks any structure or layout, as a result can make users uninterested.
Solution
Redesign and provide content layout of the NPO (non profit organization) website that can better navigate the user to prioritizes the animals and how users can help out the organization.
I took some time to look over their current website and take notes of some
of the feature that they might need to improve or completely missing. With an understanding of design principles, I redlined some of the things that I think needs to be able to update.
Too Many Links
with Dull Mixing Yellow Color
Prolix and Complicated
Making user uninterested
Misaligned Margins
with Noisy & Pastel Colors
Stock Photos
Unreal
Too Much Negative Space
take up too much space
Adoptions are concealed
User ignores this easily
Information Misaligned
Need Reorganize
Although they display a lot of information I believe it was executed poorly. One of the main priorities of the redesign is being able to utilize the negative space a lot better. Overall the website seems dated and takes up a lot of unnecessary space. Changing the hierarchy and the layout of their content will also be something that I will tackle.
User
Persona
This persona I created revolves around families that might be interested in adopting a pet for their home. Anna, for example, is very protective of her family and will always put their needs first. Her love for dogs has made her recently interested in adopting a dog and wants to find an organization that she can rely on.
-
A reliable organization that they can trust
-
To find an animal to take home
-
Help animals that have been neglected or abused.
-
Possibly help contribute to the organization if the user is compelled to.
Information Architecture
Information Architecture is the structure and design of relaying information to users.
I was able to redesign the layout of the information by reducing the amount of pages and links. As well as compacting similar information together and deducting items or pages that is not a priority to the user. By reducing and re designing the information architecture, it creates a more efficient and easier website, all while making sure not to overload the user with too much navigation.
Low Fidelity Wireframes
Going into low fidelity wireframing, I thought it would be great to show two different pages for the website. I was able to build wireframes for the landing page as well as the page for the adoption process. By combining the list of dogs alongside the application form, I am able to streamline the process a lot quicker.
Low Fidelity Wireframes
Goals
-
Creating a relationship with user
-
Credibility
-
Adoption
-
Donations
-
Staying in Contact
Final Mockup
Get trust of user
Top Down Informational Structure first lead the user to key features
In an order of:
-
adoption
-
foster
-
newsletter
Adoption page designed so:
-
Users can view animals and the adoption process on one page instead of using 3rd party websites like google doc.
-
We accomplish everything on one page.
Final Mockup
Future Focus
Streamlining the adoption process and making the website look more formal. Illustrate more creative color themes with the basics of original website. Keeping user with basic content and flow direction is important. Visual designs needs more creativity