top of page

Waste Wise -

CUESA · Rethinking Food Waste 

Lifestyle, Native App (iOS) Design

Role

UX Designer 

Deliverables

UX Research

Content Strategy

User Flow

User Interface

Wireframes

High-fidelity prototype

12345.gif
app-ui-_-showcase-banner-design%402x%20(

*Conceptual client

Overview

Who is CUESA: CUESA (Center for Urban Education about Sustainable Agriculture) is dedicated to growing thriving communities through the power and joy of local food. 

​

What we did: Native iOS App design inspired by the sustainability section on CUESA’S desktop site. Our goal was to reduce food waste across the globe. 

Screen Shot 2021-01-24 at 9.13.06 PM.png
Screen Shot 2021-01-13 at 11.40.34 AM.pn
Screen Shot 2021-01-24 at 8.32.16 PM.png
Screen Shot 2021-01-24 at 8.32.22 PM.png
How does CUESA define sustainability and act on reducing food waste?
What prevents them from achieving their goal?

What does CUESA have?

Programs pertain to food waste and educating community around sustainable living practices.

Screen Shot 2021-01-24 at 7.54.04 PM.png

Art project championing farmers and advocates 

Screen Shot 2021-01-24 at 7.54.04 PM.png

Excursions to explore the farms and facilities of their farmers market sellers

Screen Shot 2021-01-24 at 7.54.04 PM.png

Connect urban dwellers with their local food shed

Screen Shot 2021-01-24 at 7.54.44 PM.png

Helps make locally grown foods more affordable by matching federal nutrition benefits

Initiatives they have taken right in their very own farmer’s markets to keep food waste out of landfills.

Screen Shot 2021-01-24 at 7.58.33 PM.png

Stations and displays throughout the farmer’s markets to educate vendors and shoppers

Screen Shot 2021-01-24 at 7.58.33 PM.png

Decreasing overall waste through compost, recycling and landfill bins stationed throughout markets

Screen Shot 2021-01-24 at 7.58.33 PM.png

Phasing out the use of plastic bags and no longer offering bottled water

Brand Attributes

Business Goals​​

  • Maintaining the programs centered around healthy food education and sustainable living.

  • Reducing food waste globally.

  • Teaching kids, adults alike about entrepreneurship and promoting stewardship across their communities.

  • Supporting and paying homage to local farmers and small food businesses.

  • Raising awareness of the food production system and accessibility to healthy foods at low cost.

MacBook Pro - 1.jpg

Informing

Sustainable 

Community

Healthy Food Education 

Supporting 

Engaging

Local

Activities

Environmental

What is CUESA lacking?

Screen%20Shot%202021-01-11%20at%2012.42_

Lack of attention 

Sustainability section located on footer

Screen%20Shot%202021-01-11%20at%2012.43_

Lack of interaction and engagement

Only focus on learning 

​

Lack of learning resources

Only two articles related to sustainability

Critical Thinking

How how how how how

does design help CUESA achieve its goal?

Awareness is not enough

when people know what to do and still aren't doing it.

Screen%20Shot%202021-01-10%20at%2011.40_

Then

Screen%20Shot%202021-01-10%20at%2011.24_
Screen%20Shot%202021-01-10%20at%2011.43_

Engagement and Interaction are needed.

Food waste is a complicated and messy issue, the goal is to understand what resonates with people.”

User Research

-By synthesizing insights from affinity mapping, user surveys, and job stories, our team began to better understand true user needs and the gap from CUESA's current product.

User Survey

Step 1

-We started with user surveys to get a grasp on what our users currently knew about sustainable living, how they felt about it, and what their habits currently were when it came to sustainability and food waste.

Screen Shot 2021-01-11 at 3.43.30 PM.png
They are​​
  • somewhat familiar with sustainable living
  • interested in learning more
  • maintaining a sustainable lifestyle

Step 2

-Next we got more specific around​ food waste.

Screen Shot 2021-01-11 at 4.05.30 PM.png
They 
  • like having fresh produce 
  • don't feel comfortable throwing away food 
  • can resonate with food waste to some degree
MacBook Pro - 2.jpg
So if they can resonate with the issue, why can’t they still can't develop a sustainable life style?
Why is food waste still such a big issue?

Step 3

-Careful not to make any assumptions, we moved on to user interviews and synthesized the information from both our interviews and surveys. Here we used affinity mapping to develop the user persona and job stories.

Persona

Screen Shot 2021-01-11 at 6.45.50 PM.png

Planet Preserver

  • A health-conscious individual who cares about the environment.

  • Familiar with sustainable living.

  • Curious about how they can be more informed and better incorporate additional practices into their daily routine. 

Screen Shot 2021-01-11 at 6.56.32 PM.png
Screen Shot 2021-01-12 at 11.58.49 PM.pn
Screen Shot 2021-01-12 at 10.46.42 PM.pn

Devout Dreamer

  • A hopeful advocate that cares but doesn’t know much about sustainable living.

  • They are open to learning and developing it as a lifestyle.

  • They want the entire experience to be delightful and enjoyable so that they can stay engaged.

Job Stories

A “Job-to-be-done” methodology combined with our newly discovered persona allowed me to understand the motivation behind our user's needs. 

“When I'm done grocery shopping for the week, I want to be aware of how much food I have while I consume them, so I can know what I need to buy next time .”
“When I am trying to develop a habit, I want to have clear guidance, so I can be consistent and repeat doing it without spending too much time and energy.”

The Problem

-What upsets our users?

  • They are unclear on an effective way to begin integrating additional sustainable practices into their daily routine

  • Currently has no way to organize their sustainable habits and track their progress

  • Desire a system that will help them utilize or compost food that’s already in their household

  • Needs a more efficient way to stay informed about sustainable living practices

The Solution

-How does design help?

  • Providing a streamlined way to view overall progress

  • An easy way to browse, track, and add new habits

  • Creative ways to reuse food and maintain food inventory

  • Developing connection with the sustainable living community

  • Efficient ways to consume and practice sustainability tips 

Product Perspective

Learning  ·  Engaging  ·  Interacting

Screen%2520Shot%25202021-01-10%2520at%25

.

Screen%20Shot%202021-01-10%20at%2011.24_
Screen%20Shot%202021-01-10%20at%2011.43_

The fundamental relationship between the user, the design, and the technology will make or break success.

How can we help users develop a sustainable lifestyle while maintaining CUESA's business goals and brand identity

Content Strategy

Process

Ideating

Grouping

Specifying

Prioritizing

Two metrics

UX

1.

Screen Shot 2021-01-12 at 12.03.24 AM.pn

UX

Screen Shot 2021-01-12 at 12.11.46 AM.pn

2.

Step 1 - Ideating

- Brainstorming ideas based on previous research

Brand Attributes

Business Goals

Solution to user needs

Copy of P3 CUESA Affinity mapping (3).jp

Step 2 - Grouping

- Grouping them according to different the phases in which that users interact with the product

Awarenes

Engage

Return

Copy of P3 CUESA Affinity mapping (4).jp

Step 3 - Specifying

-Listing potential features and tasks according to ideas in step 2

Awarenes

Engage

Return

  • Social media

  • Connecting local community

  • News page

  • Events section

  • Tracking progress features

  • Explore page

  • Browse, track, and add new habits

  • Reuse food

  • Maintain food inventory

  • Buidling connections

  • Show results 

  • Gamification

  • Challenging & Activiteis

Step 4 - Prioritizing 

-Prioritizing features based on difficulty to achieve and value to users

Screen Shot 2021-01-12 at 10.09.48 PM.pn
  • Explore page

  • News page

  • Events section

  • Social media

  • Browse, track, and add new habits

  • Page dedicated to local community

  • Buidling connections

  • Reuse food

  • Gamification

  • Maintain food inventory

  • Show results 

  • Tracking progress features

  • Challenging & Activiteis

After synthesizing all the information, I ended up with five key tasks: food, explore, home, activity, and community

User Flow

- With the main tasks decided, building unique user flows allowed me to specify nuanced actions under each which our design would have to account for

Information Architecture

- This practice allowed me to organize content effectively, making sure users completed tasks without extraneous friction.

Screen Shot 2021-01-25 at 2.38.57 PM.png
1212.jpg

Usability Testing

-We first did usability testing with a Mid-Fi prototype. Our goal was to detect & fix confusing or frustrating issues with functionality.

 Here are two examples of the evolved iterations after testing.

Screen Shot 2021-01-12 at 11.13.19 PM.pn
Screen Shot 2021-01-12 at 11.13.39 PM.pn
Screen Shot 2021-01-12 at 11.23.00 PM.pn
Screen Shot 2021-01-12 at 11.23.10 PM.pn

Not engaging and visually appealing

A celebration - motivation that the plant preserver & devout dreamer both require

Increase clickable area to improve usability

- I conducted the second round of usability testing with a Hi-Fi prototype. Here I looked to see if we had in fact solved the previous issues and went on to discover new potential problems that came with our proposed increased page weight.

​

The load time was increased due to the high quality of images. Some pages appeared with images missing,  which made participants confused & frustrated. Below are two proposed solutions to optimize the user experience of interacting with loading screens (“skeleton screens” and “blur up.”)

Screen Shot 2021-01-24 at 9.34.11 PM.png
Screen Shot 2021-01-24 at 9.46.38 PM.png
Screen Shot 2021-01-24 at 9.35.57 PM.png
Screen Shot 2021-01-24 at 9.46.21 PM.png

Skeleton Screen

Blur Up

Conduct new usability tests to see if the updated product better meets user needs and business goals.

* This iteration was for the implementation phase, so it will not be shown in the prototype.

Click to walk through the prototype
iphone-xs-max-mockups-scene@2x.png

Takeaways

What’s next

  • Conduct new usability studies to see if the product reflects user needs and business goals in order to discover the values it will bring to the public.

  • Gather quantitative and qualitative data to measure the design impact.

​

​

What I’ve learned

  • Evidence-based and user-centered strategies can prevent subjective assumptions and justify design decisions.

  • Mapping the information architecture and understanding content strategy helped fill the gap between initial research and our proposed solution, specifically the feature and task prioritization. 

  • Consideration of the business’s values and goals was necessary for a complete & intentional design. 

  • Asking why and continuing to dig until we hit the root of the issue.

bottom of page