
A Website Redesign That Transformed A Charity
A 48-hour hackathon to improve website functionality evolved into a long-term website redesign and service design project with an ambitious goal to future-proof the organisation!.
Role:
My Team:
Stakeholder
Project Scale:
Tools used:
UX Researcher
UI Designer, Project Manager, Scrum Master
NWFruit - Non Profit
January 2022 - August 2022
Figma, FigJam, Optimalsort, Trello, Miro, Calendly, Hotjar


The Challenge
“In the 30 years since NWFruit was established, much has changed. Our organization recognizes that the tools we use to connect with the public and our members need to evolve in order to be socially impactful going forward.
We’ve realized that we need help modernizing our website to improve access and engagement with our members and the public."
Celeste Frisbee, NWFruit Secretary & Project Manager
The Brief
NWFruit took part in Democracy Lab’s 48-hour Earth Day hackathon event, to partner up with skilled volunteers to help reimagine their website and user experience in the following ways...

That's a mighty big brief for 48hrs!
48 Hours
Isn’t Long
With a huge brief and a small amount of time we needed a strategy. We needed to focus on one main deliverable for the hackathon and decide what research we could conduct in 48 hours that would be beneficial to this particular project?

What Research
Already Existed?
Prior to the start of the project, NWFruit carried out a survey amongst it's members with the following goals:
The survey was yet to be analysed so that was my starting point...
24 Participants
January 2022
Google Forms
Survey
Insights
Website features identified as as a high priority need were:
Publicity of events
Online training
and education
Calendar with a
shareable link
The following tools were the hardest to locate/didn't exist
Calendar of events, meetings & parties
Membership renewal
Library of educational videos
Affinity Mapping (already?)
It's not standard practice to affinity map survey results, however, NWFruit had conducted the survey prior to the Hackathon and had included an open-ended question that received 24 in-depth written responses. Out came Miro!
"Suggest ideas for web content, or features that are not currently offered on our website, and may be valuable by the public or for recruiting new members."

Site Map
A common issue uncovered from the affinity mapping was that the existing website was difficult to navigate. Our hackathon goal was to improve organisation as well as communication, so I skipped a few steps ahead in the design process to focus on IA (Information Architecture) and created a site map to better understand the existing layout.
Navigation of the fruit garden tour is confusing.
There's no focal point, it's hard to navigate
I couldn't find become a member or donate

Card Sorting
I devised a hypothetical, more simplified site map and conducted a closed card sort to validate the new website categories.
I planned to conduct two card sorts, one with the general public and one with NWFruit members, to observe potential differences in their thought processes. The results of the general public card sort are displayed on the right. Unfortunately, the exercise posed a challenge for many charity members, whose average age was 71, and tech proficiency low, preventing me from testing this hypothesis.

Competitor Analysis
I also conducted four SWOT analyses of competitor websites for two reasons:
1) To help the research and design team understand the industry more, having no prior orchard experience we needed to understand the "lay of the land" better.
2) To uncover competitive advantages and generate ideas for how we can improve communication and organisation through NWFruit's website.
The full analysis can be viewed here
Cloud Mountain

Orchard people

Olmstead

One Green World

SWOT
Analysis

Ideas for NWFruit


Strengths Observed


Opportunities Observed

Functionality Research
I gathered inspiration from other non-profits to see how they'd incorporated communication features such as calendars and member portals into their websites. Great examples included:

Aspen Institute has a great public events feature
Good Gym has it all! A public-facing website, members portal and members calendar
Key Quantitative
Research Insights
User Survey
Website features of a high priority to the existing members:
Website analytics
The page with the most views was:
Recommended Fruit Trees for the Puget Sound.
This shows the majority of traffic to the site is driven by geographical education needs.
Competitive analyses
Similar websites have stagnant bulletin boards and event pages.
An opportunity for NW Fruit is that by providing regular updates will create a better sense of community and better buy in from website visitors
Wrapping Up
The Hackathon
After a crazy 48hrs the hackathon drew to a close and I presented our findings to the democracy lab team.
What Happened Next...?
Having a team dotted around the globe and a project of this scale we decided to implement the agile methodology of working, with Ira taking on the role of Scrum Master, a job he knew well from his professional career. Below is a screenshot from one of our weekly scrum meetings.

Measuring Success
1) Increase the number of website visitors
2) Increase the number of people attending events, having found out about the event through the website.
3) Increase the number of volunteer and member sign ups under 55 years old.
4) Higher satisfaction amongst members surrounding communication within the organisation - measured through an annual survey.
The New Research Plan...
Consisted of collecting as much qualitative data as possible through user interviews!
We had two target audiences so I decided to conduct two rounds of interviews each with different research goals.
The public was our primary target audience, but I started by interviewing NWFruit members and volunteers, as I could recruit interviewees easily and they would provide insights into problems they and NWFruit faced.

Member
Interviews
Research Goals
8 Participants
Calendly & Zoom
45 - 90 mins each
The full interview script can be viewed here
Affinity Mapping
(round 2)
To conduct more effective user interviews, I always record sessions to stay focused on meaningful dialogue. After each interview, I review the recording and document key comments and observations.


Slight Problem...
Having been taught that sorting by the groups below was a good place to start, I soon realised these categories worked better with smaller data sets. It was hard to find common themes with such a large amount of data as groupings were too large, see below

Change of
Approach
I had more success spotting trends and patterns when organising the data into categories based on features, functions and the interview goals. This round of mapping generated 20 different categories, 3 of which are displayed below and the full affinity map can be viewed here
Events

Education

Website needs

Organising Insights
Key insights were split into the following 3 groups as this seemed like a logical approach to addressing them. The full list can be viewed here
Red
Service design issue. Solutions to be determined by NWFruit Board of Directors
Blue
Mixture of service design, CX, UX and UI.
Whole team approach needed to find solutions
Black
CX, UX, UI issue. To be fixed by research and design team
What We Can’t Fix
One of the interview goals was to understand what problems the members faced on a day to day basis to see if we could solve those problems through features and functions of the new website.
Whilst many of the issues uncovered could be solved by the website redesign team, there were a number of problems that came to light that needed solutions determined by the NWFruit Board of Directors. These included:
What We Can Fix
Organisations Strengths
In UX, we tend to focus on problem-solving, but it's essential not to overlook the strengths. Identifying NWFruit's strengths was crucial, as we wanted to integrate them into the website redesign.

General Public Interviews
Research Goals
6 Participants, under 55, interest in gardening, volunteer experience
The full interview script can be viewed here
45 - 60 mins each
Calendly & Zoom
Affinity Mapping
(round 3)
This time round I interviewed 2 fewer people and kept the interviews shorter to make the analysis more manageable, so grouping feedback by behaviours and attitudes was possible.

I also grouped by features and functions as this proved effective with the previous affinity mapping exercise and was again useful this round. The full affinity map can be viewed here
Social media

Donations

Climate change

Apps/podcasts

Events

General Public
Insights
User Personas
opted for personas instead of archetypes for this novel product and unexplored problem space. This approach allows the design team to empathise with users and base decisions on their needs. Sabena, our main persona, emerged from non-member interviews and will guide the design as the primary user. Carl, derived from member interviews, serves as a secondary user.


Sabena
The "sustainable" lawyer

42
Mount Vernon
Sabena recently moved to Mount Vernon with her partner looking for a quieter more simple life having lived in San Francisco for the past 20 years. She's interested in sustainable living and is excited about the prospect of growing her own food on the half acre of land they now own. There are already a few established apple and pear trees in the garden however she doesn't know anything about caring for them.
Historically Sabena always called her mum to ask for horticultural advice, however the climate in Washington State is unique to America and her mum isn't able to provide solid advice.
Sabena is a lawyer by trade and is highly organised, very curious and likes to know all the facts and background before getting involved with charities or non-profits.
Likes
Goals & Motivations
A bit about Sabena...
Frustrations
Skills
Tech Savviness
Personality
Interests

Personality
A bit about Carl...
Carl has been a volunteer for more than 5 years with NWFruit. He loves to educate himself on fruit gardens and enjoys being a part of the community. He loves connecting with people, learning from them and supporting them in their learnings as well. He values in-person touch over virtual life and lives close by which makes it easy for him to volunteer frequently.
He's a bit tech savvy and has offered to support the organization with computer related work, however he is definitely someone who wants to get his hands dirty at the fruit garden and not be behind a desk all the time.
He looks forward to his work days at the organization and is also very keen on bringing in new younger volunteers, helping to train them in their roles and continue building a nurturing community at NW Fruit. =
Tech Savviness
Goals & Motivations
Interests
Carl
The "learn by doing" kinda guy!
67
Mount Vernon
Retired
Likes
Frustrations
Skills
My Work

I overhauled a struggling mobile app quiz feature, boosting engagement and knowledge retention. This repositioned the web and mobile apps as valuable e-learning tools for educators and helped initiate B2B discussions with Disney.
Role: UX Designer
Stakeholder: Da Vinci (Macademia)
Industry: Ed-tech, Entertainment
Unlocking success with a friction free onboarding redesign
90% of users who downloaded the mobile app dropped during the onboarding journey. I designed a friction free, “try before you buy” experience with the goal to reduce this number to 60%.
Role: UX Designer
Stakeholder: Da Vinci (Macademia)
Industry: Ed-tech, Entertainment



Coming VERY soon!
A native mobile app with the mission to make finding financial advice easy and accessible for millennials. As the sole UX/UI designer I was responsible for all research and design work.
Role: UX/UI Designer
Stakeholder: SET
Industry: Finance