N A T C A T

T H E C H A L L E N G E

 

After being tasked with improving upon a non-profit agency, our goal was to improve the National Cat Protection Society’s (NatCat’s) webpage by making it easier to navigate with clear CTAs for adopting, volunteering and donating. The homepage currently appears outdated and poorly maintained, creating an unease for visitors to the site to adopt or donate. By creating a clean, contemporary design, we believed we could address these issues and improve the organization’s site traffic as well as increase adoptions, donations, and volunteer sign-ups.

 
 

R O L E:
UX Associate

T I M E F R A M E:
2 weeks

T E A M S I Z E:
3 People

C O M P A N Y:
NatCat

 
Screen Shot 2018-11-04 at 11.53.19 PM.png

T H E P R O C E S S

We spent most of our allotted time on research, developing ideas, and fleshing out our user. The intent was to have a solid understanding of the pain points of the website as well as clear insight into the ‘why’ before we started breaking down and rebuilding.

NatCat is an established non-profit with a great history behind it, and nothing but 5-star reviews on all platforms, but they only have a small number of reviews, are not popping up in searches as a ‘top’ place to adopt, and lack name recognition.

  • User Persona

  • User Stories

  • User Journey Map

  • Interviews/Surveys

  • SWOT/Competitive Analysis

  • Empathy Map

 

D I S C O V E R


I N T E R V I E W S

A N A L Y S I S

S U R V E Y S

With 37 responses to our online survey and four in-person interviews, we got a great insight into why people weren’t spending time on the current website, and why they were so apprehensive to give money or donate their time. The above is a small selection of responses that we found helpful to directing our resulting design.

C O M P E T I T I V E A N A L Y S I S

Between the Competitive and SWOT analyses, we found that there was a lot of room for improvement in this area as a whole—other local adoption sites weren’t fulfilling the needs of our users, not just NatCat. This really helped give credence our design even further down the road and set up the basis for future plans.

S W O T A N A L Y S I S


D E F I N E


U S E R D E V E L O P M E N T

S T Y L E G U I D E

J O U R N E Y / S C E N A R I O

When we started our user persona, we already had an idea of who our user was from the initial responses we got as well as our proto persona, but our user became more defined as we finished our interviews and received such a large number of survey responses.

EMPATHY MAP.png

Throughout the whole process, we kept in mind the users’ needs, wants, and far-reaching goals, trying to find ways to incorporate into design or determine if they work at all.

I L I K E… W H A T I F…

R E V I S E D L O G O

The current website uses several cat images close together, which creates confusion especially when it comes to the logo.

Because the name is so long, and the abbreviation also causes confusion, we decided to redesign the logo for clarity.

U S E R S T O R I E S

Discussing flow based on user needs

T Y P O G R A P H Y

C O L O R P A L E T T E

We wanted to stay true to the spirit and branding of the original website to a certain extent, so aimed to take the website more vibrant, modern, and full of contrast to emphasize an upbeat feeling through color and typography.

Our goal with the UX Scenario and Journey Map was to clearly illustrate our user’s struggles, which helped to solidify our problem statement while supporting our resulting solution. These two items are intricately connected, but reinforce each others’ validity.


D E V E L O P


T H E P R O B L E M

We believe that people in the market for new pets have an overwhelming number of options and that creating a usable website
may solve this problem by allowing its users to easily search for adoptable cats as well as quickly find information on volunteering and donating. We will know we have succeeded when more adoptions and donations are completed and time spent on site increases.


Paper prototyping was done by the whole group to best decide how to organize the page layout

Card Sorting was done to reorganize the nav


D E L I V E R


T H E S O L U T I O N

After reviewing our users’ pain points, scenario, and journey map, as well as other feedback from our surveys and research, we delivered a solution. The current website is not serving users, but neither are many of the competitors. We opted to keep the solution simple, remaining true to the original feel of the established brand while giving users more confidence to adopt, volunteer, and donate.

 
Screen Shot 2018-11-05 at 2.25.38 PM.png
Clickable prototype  here

Clickable prototype here


F U T U R E C O N S I D E R A T I O N S

Given the time constraints, there was only so much we as a group could produce, however we developed a plan for the future of the website and company. Going back to our ‘I Like…, What If…’ activity, there were a good number of items on there that people were looking for based on our research, or even that we believe would be successful due to said research. This company is small with room to grow, and their small number of animals available for adoption also lent itself to spending more time spent on each feline. The below items we believe would be doable over time, focusing on one point at a time.

  • Shopify site (merchandise)

  • Professional photos of adoptable cats

  • Increase number of adoptable cats and expand organization

  • Mobile App

  • Cat-Matching Personality Quizzes

  • Online interaction with cats at shelter