Website Redesign: Rose Haven
Role: UX Researcher, UX Designer, Prototyping
Team: Collaboration with 4 team members
Timeline: 2 weeks
Redesign Goal
Providing clients a sense of hope and security through accessing resources and services at greater ease.
Providing our donors a quicker and more heartfelt user paths in hopes of inspiring our Donors and easing their process.
Summary
The Rose Haven Redesign was a project for my UX/UI course. Rose Haven is a day shelter serving women, children and non-binary people experiencing the trauma of abuse, homelessness and other disruptive life challenges. Their website is a major resource to inform shelter-seeking clients on the many services which Rose Haven offers. We aimed to help make that experience smoother and more informative for both clients and donors.
The Research
To begin the Rose Haven redesign, we needed to understand our users and their problems. We prepared interview questions and reached out to a Rose Haven Stakeholder requesting an interview. Our goals were to:
Understand the most common needs for survivors
Understand their challenge in accessing information
Obtain general info about how they help their clients
We also conducted research through various media sources as well as completing a competitive analysis, both of which aided in our understanding of the mentality of the clients whom would potentially be interested in these services. One of the key features that the competitors had and Rose Haven lacked was the safely leave button.
Ideation
We then consolidated all of the research into an affinity diagram. This helped us recognize that most of our users are homeless due to domestic abuse and that many of them are in especial needs of escape due to COVID-19 stay-at-home orders.
Using that information, we created two User Personas to help us visualize the users and better target their needs: Sarah, the client and Lily, the donor.
Sarah the client’s need to escape to a place that can accommodate her children led us to work on making the information on services more accessible.
Lily the donor’s extreme interest in how her donations impact the community led us to re-evaluate the impact page and to add visual diagrams of how the donations fund the different client services.
We then evaluated the heuristics of the original website with user needs in mind.
Identified Problems:
Ambiguous services icons on homepage
Lacks updated information on how COVID-19 affects the offered services
Low accessibility due to color and font
Not enough emphasis on donations
Terminology needs updating
Lacks a “Safely Exit” button (extremely important for websites directed at victims of domestic abuse)
Old Website
Rose Haven Iterations:
Added in-person services to the homepage
Added updated information regarding COVID-19 and how it affects the services offered
Updated services layout for increased visibility
Placed a donate button in the navigation bar for emphasis
Changed terminology such as “helping” to “our impact”
Introduced a new innovation we included was the “Safely Exit” button which would be available from any point on the website, to help maintain the safety of our users. Once the “Safely Exit” button is pressed, it would relocate the user to a recipe website on google, and make it impossible to return to the site by clicking the back button.
Elevated the color scheme of the site to better fit the target audience
New Website
Below is a video of the client path prototype. Here you see the home page, the services page and an example of the in-depth service descriptions.
Below is a video of the donor path prototype. Here you see Rose Haven’s history, the community and leadership teams and the by the numbers page.
Below is a video of the mobile prototype. Here you see the home page, the get involved page, the services page and an example of an in-depth service description.
Lesson for the Future:
Understanding your User is Key - Initially defined only the client, but quickly realized the donor’s significant role in the use of the website.
Key Performance Indicator (KPI) :
Clients spend 15% less time on the site because they find the information they need in a smoother and quicker manner
Donors spend 10% more time on the By The Numbers page
Online donations increase by 10%
30% less calls and questions to staff, as all the information is easily found on the website
Next steps would be:
Collaborate with an overnight shelter to provide basic information on how to reach their services