Ruby's Place is a non-profit based in San Fransisco that provides services to victims of human trafficking and domestic violence. I was approached with the task of redesigning their website. The goal was to inspire more visitors to donate by making the site more intuitive, informative, and emotionally appealing.
For this project, I participated in the initial research and completed the redesign on my own. I set up a premium Squarespace account for the client so they could easily make updates in the future. I also injected custom code written in HTML and CSS.
User testing of original site
User evaluation interviews
A live responsive website hosted on Squarespace
We started off with an initial site audit by performing a heuristic evaluation and checking Google analytics to monitor the flow of traffic and make an action plan for acquiring and retaining more donors and clients. The initial site audit helped us uncover some key issues and opportunities:
Some clickable content does not appear as clickable to user (i.e., an image that functions as a button)
Oddly placed web design elements
Inconsistencies between headers and content
There is little information about what Ruby's Place does
More information on front page will index in Google Search
User Evaluation Interviews
We performed evaluations of the website with real users from two core user groups.
From the interviews, it was found that four areas required more attention than others and were therefore top priority:
Understanding services provided
Donating to Ruby's Place
Applying for job/volunteer role
Attending an event
Key Home page takeaways:
There is a need to more effectively portray: a) The issues Ruby's Place addresses and b) Ruby's Place's statistical impact
Important CTAs (i.e.,donate) are not featured as prominently as other less important CTA (i.e., subscribe to newsletter)
There was too much of an emphasis placed on the new shelter which led participants to wonder if that was all they offered
Key Services page takeaways:
There is a need to organize this content as more interactive, navigable webpage.
Participants found it hard to find what they are looking for and were unwilling to read through all the text
The format of the page is "boring" and dated looking
Client Success Stories
Key Client Success Stories page takeaways:
Overall visitors enjoy stories that feature real clients
However, there are mixed reviews on the pictures or other identifying information of clients.
The client was very pleased with the redesign. See it live here↗.