K9 Rescueapp & website redesign
-
My Role: Instructional Designer | UX UI Designer
-
Time Frame: 3 weeks
-
Tools: Adobe XD, InVision, Figma, Trello, Google Slides
Summary
K-9 Angels is a non-profit dog and cat shelter known locally in the Heights of Houston. K-9 Angels needed assistance in educating their volunteers, foster parents, and adopters on navigating their services. When my team and I came across their website, our eyeballs had no idea what to do. Unfortunately, it was so overwhelming we didn’t know where to look and what the main focus was in this organization. We knew we had engaging challenges ahead of ourselves.
01
overview
We have observed that the K-9 Angels Rescue website does provide a clear view of the services performed, causing a lack of patrons' understanding of how to help.
How might we increase donations and adoption for higher productivity within the mission of K-9 Angels Rescue in having returned assistance and rescuing dogs?
02
Interview data
"It helps to know where the donation money is being used for."
​
Christine B.
"Promoting adoptions should be like social media posts to target younger individuals."
​
Trey M.
"I want an easy to navigate, clean and modern looking website."
​
Lindsay G.
03
User Persona
Cara is a 35-year-old computer analyst from Houston, TX. She loves caring for others- especially animals. Cara is interested in bringing another addition to her household for her current rescue to have a playmate. By word-of-mouth, she heard of a reputable rescue site in her area that she would love to adopt and contribute to their cause. However, when visiting the website, she found it challenging to locate adoption information and how to donate to their organization.
Name: Cara Larson
Age: 35
Location: Houston, TX
Occupation: Computer Analyst
​Pain Points & Potential Solutions
​
-
Lives in a two bedroom apartment.
-
Has not had a dog in over 15 years.
-
Wants to volunteer more and give back to community but is unsure if she has time.
-
Wants to take a step back and re-evaluate busy life plan.
​Behavior Demographics
​
-
Perfectionist
-
Extrovert
-
Tries to buy from local/small business only through online
-
Visits farmers markets bi-weekly
-
Constantly on the move with work obligations
-
Always on her phone or behind a computer
Goals & Needs
​
-
Needs to be able to have a flexible timeframe to volunteer.
-
Goal is to save as many dogs as she can.
-
Needs to relax more.
-
Goal is to give importance to personal time and hobbies.
-
Goal is to run a 5K.
04
Swot Analysis
Strengths
​
-
Great presence and interaction on social media, specifically Facebook.
Opportunities
​
-
Display the number of saved dogs to date.
Weaknesses
​
-
Accessibility problems.
-
Main navigation is difficult to locate.
-
No consistent style.
Threats
​
-
Clear and easy to navigate website throughout
-
Highlighting adoption and donations.
05
User Journey
*Click to magnify image
06
User testing
"Exclude the use of too many patterns in the background (with text) as it can be distracting when trying to read."
​
Peter P.
"Have a contrasting background from the text so it reads easier."
​
Michelle L.
"Create bigger font in the form questions for more hierarchy."
​
Aivory L.
07
Style guide
When creating the style guide, we understood saving dogs' lives was a serious matter, but after interviews, we noticed an emotional response of the user. The feelings met after volunteering, donating and providing safe loving homes to the animals; showed a great deal of empathy. Our colors represent the user's joy and playfulness of a dog while keeping a slight round edge to our icons and typography.
08
Prototype to
web development
