Site Re-Design for Mohala Farms

Site Re-Design for Mohala Farms

Site Re-Design for Mohala Farms

I Helped a non-profit farm revamp their website by doing usability testing, then re-desining their entire website to improve usability and increase subscription sign ups.

I Helped a non-profit farm revamp their website by doing usability testing, then re-desining their entire website to improve usability and increase subscription sign ups.

I Helped a non-profit farm revamp their website by doing usability testing, then re-desining their entire website to improve usability and increase subscription sign ups.

background

Mohala Farms - More than just a farm

If you care about organic produce, sustainable farming, or deepening your understanding of Hawaiian culture, Mohala Farms—a small farm on Oahu, Hawaii— is a place that will resonate with you.

Through hands-on education, volunteer opportunities, and a CSA subscription service that delivers fresh, organic produce each week, Mohala Farms empowers individuals to support a healthier, more sustainable future.

the challenge

Users Struggle to Find What They Need

Ever visited a website and felt completely lost? That’s the experience many users have with Mohala Farm’s website—they understand it's a farm on Oahu, but they struggle to grasp what it offers or how to get involved. This is because the site lacks clear navigation and structured content.

Our Goal: Guide Users to What Matters

  • Help users understand the farm's services

  • Make is easy for users to engage with the farm.

  • Give the brand a refresh to better reflect their mission

Preview of The Re-Design

my role

UX Designer & UX Researcher

As a UX Designer and Researcher, I conducted a heuristic evaluation, usability testing, user interviews, and research synthesis to identify key usability issues. I then designed wireframes, a responsive website, and a new logo, bringing the brand to life with high-fidelity prototypes.

Partnering closely with the client, I successfully reimagined their website and branding—delivering a complete transformation in just one month.

the approach

Research, define, ideate, design, test, iterate, repeat

I began with in-depth research to uncover where users struggled. Those insights guided my design decisions, which I refined and tested again to make sure they worked.

At the same time, I crafted a fresh brand identity, making sure the look and feel matched the improved user experience.

RESEARCH, DEFINE, IDEATE, DESIGN, TEST, ITERATE,

Research Insights

I ran five remote Zoom tests with fresh produce shoppers and food subscription users to see how they navigated the site and felt about buying fresh produce.

Lost Before They Even Started

Users were unsure about the purpose of the website and where to navigate, as understanding what the farm is about and what services are provided were unclear.

Difficulty navigating the website

The client wanted to highlight their CSA subscription, volunteer opportunities, and educational visits, but users struggled to find them. Watching them navigate the site made it clear—the navigation wasn’t working.

Unclear about services

Users wanted details on the CSA basket, how it works, and visit/volunteer options, but unclear info left them wanting to contacting the farm for answers.

Defining the Problem

Our research made it clear—people had no idea how to support the farm. How could we make it easier?

Our research made it clear—people had no idea how to support the farm. How could we make it easier?

Our research made it clear—people had no idea how to support the farm. How could we make it easier?

The Solution

First Stop: Help Users Understand the CSA Subscription

The client prioritized showcasing the farm’s produce basket subscription service, making this our first focus in the redesign.

Early subscription page Wireframes

The first iteration had too much crowded information, making it overwhelming for users.

Competitive analysis

To improve clarity, I analyzed successful subscription services to understand how they guide users effectively.

Original CSA page

The original CSA page just contained a block of text and no direct way to learn more or sign up

re-designed csa page

To make the subscription clearer without overwhelming users, we used progressive disclosure and clear CTAs to guide them toward signing up.

Operation Navigation Clean-Up

An informative subscription page is great—but it’s useless if users can’t find it. The original navigation buried key pages under vague titles and complex layers, making discovery difficult.

before

Important pages were hidden in an overly complicated structure with unclear labels.

after

We simplified page titles, consolidated pages, and replaced confusing acronyms with clear, user-friendly terms.

Bring Clarity to Every Page

The subscription flow is smooth. The navigation is clear. But what about the rest? We revamped key service pages—volunteer opportunities, educational programs, and more—to make them just as intuitive.

Use AI to Create a New Logo

I used Mid Journey and Photoshop to craft a logo that fulfills the client's request: blending a human element to symbolize community engagement with a Hawaiian landscape.

Did the Redesign Work? We Put It to the Test

We conducted another 5 remote usability tests via Zoom to find out if our solutions worked then made iterative improvements to the design.

People understood how the subscription service worked, but they really wanted to know what's in the produce baskets

So we included a list of the produce items along with related recipes.

Users Finally Understood Their Options

Before, the site was frustrating to navigate. Now, with a clear structure and intuitive design, users can quickly access the information they need. These ratings speak for themselves.

Original Site's Usability Rating
2/5
re-designed Site's Usability Rating
5/5
final thoughts

Reflecting on The Process

This project was right up my alley—I love fresh, organic produce, so I felt instantly connected to the mission. But wow, the original site was a mess—buried pages, confusing acronyms, and a navigation disaster. Cleaning it up and making everything clear was deeply satisfying.

My biggest mistake? Not studying existing subscription sites first. Once I did, I had a solid outline, and everything fell into place. Another challenge? The client was away most of the month, so I had to work without approval, which led to some last-minute branding fixes when everything was nearly done.

In the end, helping a non-profit I truly believe in was incredibly rewarding—and I learned so much along the way. :)

Need a thoughtful designer?

Need a thoughtful designer?

Need a thoughtful designer?

Black and white avatar

Joanna Corona

UX/UI Designer

Joanna is a NYC-based product designer, most recently at fashion tech startup TrueToForm, where adaptability and innovation drove her work.

Black and white avatar

Joanna Corona

UX/UI Designer

Joanna is a NYC-based product designer, most recently at fashion tech startup TrueToForm, where adaptability and innovation drove her work.

Black and white avatar

Joanna Corona

UX/UI Designer

Joanna is a NYC-based product designer, most recently at fashion tech startup TrueToForm, where adaptability and innovation drove her work.