Web Redesign

Utah Open Lands

Utah Open Lands

Utah Open Lands

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
utah open lands
utah open lands

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.

How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
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
challenges
Challenges

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

We conducted an affinity diagram of user needs and behaviors and synthesized the information to generate actionable insights for improving design. Based on our findings, we created a high-fidelity prototype.

We conducted an affinity diagram of user needs and behaviors and synthesized the information to generate actionable insights for improving design. Based on the findings, we created a high-fidelity prototype.(choices to create final function/design)

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

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶