Web Redesign
While Utah is known for its remarkably natural landscapes, it has some of the most egregious obstacles to maintaining this habitat. Utah Open Lands acquires lands that are threatened by development and destruction and restores them for public use. We redesigned their website to increase their outreach to more people which will help them further their mission in protecting Utah’s natural heritage.
cONTEXT
Utah Open Lands is a local non-profit environmental organization in Utah. In 1990, it's land saving mission began as Utah's only statewide lands trust, that protects and acquires lands that are threatened by development and destruction and restores them for public use.
Timeline
2021: 1.5 months
ROLE
UX Designer & UX Researcher
Tools
Adobe XD and Photoshop, Zoom, Google Forms, HotJar Analytics
Team
2 UX Designers (myself included)
Product
Web and mobile
As Utah has become populous in the last 20 years, Utah Open Lands has been increasing their outreach and visibility to the public about their mission and aid in saving land. The rise of technology has provided them the ability to expand their audience in which they want to take the opportunity to have a site that is accessible to all users that will provide their audiences to learn, contribute, and donate in saving Utah's Open Lands.
Objectives
Our North star
Responsiveness
Create responsive website for all devices including mobile
Clear Call to Action
Highlight donation button and FAQ as these are the top inquiries received
Actionable Interactions
Showcase current projects to get signatures, volunteers and/or donations
Constraints
Limited time
Our work was under contract for a month in order to research and design so we had to work quickly between two designers.
Research
Subject matter experts' interviews
We also conducted 3 subject matter expert interviews with Utah Open Lands employees to learn about the non-profit business and conservation goals. These interviews enabled us to determine the scope of the project and better understand the opportunity for engaging a broad range of audiences and providing a solution.
Interview Themes
Donations
While both donations and conservation efforts are important, it was emphasized that donations are crucial as they have a higher significance in creating an immediate impact.
Volunteers
Voluntary efforts to protect lands have only a limited ability to stop the pressure of development on historically important habitats but would be a secondary need.
Donor Engagement
Asking or receiving donations provide immediate protection than expending resources to restore developed land than unaffected land. However, it is harder to request or inform users about how donations are used and create impact.
Research
User interviews
According to Utah Open Lands employees' suggestions, we interviewed 5 Utah residents to collect qualitative information about the current users and new audiences experiences to gauge whether current and new users had a need that might be met with a personalized donation feature.
Research
key insights from User interviews
Confusion is disillusion
We learned that users were confused about who Utah Open Lands is and what they do from their website.
Persuasion has impact
Users felt that Utah Open Lands does not provide enough convincing stories or data to persuade them to donate.
'How' matters as much as 'Why'
We discovered that it is important for users to have details on how their donations and volunteer efforts are directly impacting the mission of Utah Open Lands
Guidance supports experience
We also learned that users tended to feel lost on the site and navigating the site, which made them less likely to make further donations or participate in volunteer efforts.
Semantics matters
Users who viewed the “give” button on Utah Open Lands' website were overwhelmed by the assumption that they would donate which led them to state there was a discrepancy between actual donations and the amount of money raised compared to other websites.
Genuine connection over generic
We also discovered that it is important for users to see personalization features to create a personal relationship between them so they could feel more connected and may be more likely to make donations as well.
Wireframing & Prototyping
Information Architecture
To help us identify current gaps in the user experience, we conducted a card sorting session to aid in creating a site map. Through this exercise, we identified new task flows for navigating the site for new and returning user for our main solution. We then created a user flow and user journey to help us determine gaps in the donating experience.
Design validation
Usability testing
We created a mid-fidelity prototype and moved on to evaluate our prototype. We recruited a total of 5 users from Utah and conducted a moderated usability test via Zoom and each session lasting around 20 minutes.
User Efficiency
Test user efficiency with new internal consistent system and site architecture
Discoverability
Test discoverability of newly designed components such as “donate” and “goals”
Usability
Test discoverability and usability of new interaction flow
Learn & Observe
Learn about users behavior around of when and where they interact with donate page and get involved
ux/ui iMPROVEMENTS
iterations
Move 'Donate' into the main nav
Our initial bias was having the “Donate” button next to the “Login” button as it would highlight this feature. However, some users were looking through the main navigation system. This made us reconsider the triggers for the Donate feature.
Remove modal from donate page
In our first iteration, we built a modal on the donate page to promote donation options. However, through evaluation, we found that users were overwhelmed by this because it is similar to the “give” wording which they would not utilize this feature. We decided to remove the pop-up feature so that users don’t lose interest in the interaction and experience with UOL.
Showcase 'Donate' & 'Volunteer' through carousel
We experimented with creating a carousel of donation, goals, and volunteering in order to engage our users visually and through actionable CTA'S. We found that users felt this was a nice feature to see easily see how and what Utah Open Lands does and engage to explore the website.
Reflection
Results
The result is a more accessible, flexible and useful website to support Utah Open Lands’ growing audience while supporting its mission of protecting land in the state. However, there are considerations to take into account in the future.
An example would be redesigning the Login Portal and how the CMS connected to account information changes the experience of Utah Open Lands based on the CMS UX and UI. It would be more likely that a developer and future team will be able to implement a smooth transition between both. Utah Open Lands gave positive feedback to their redesign.
Browse more work