top of page

Values-Based
Food Procurement

Toolkit

The U.S. spends approximately $9B of our tax dollars every year for food procurement in its schools, hospitals, and other public institutions.

Can human-centered design and systemic thinking help public officials through a change management process?

996ea064-150f-4f9a-8f47-e8453758e41f_image2.webp
fsal white logo.png
web screen 2.png

My role in this project: Lead Designer

  • UX Research & Synthesis

  • Prototyping 

  • Workshop Facilitation

  • Website Design

  • Branding

  • Website Testing

  • Tools & Template Development

My team in this project

  • Maura Shea (Co-Director of FSAL)

  • 15+ Public Officials as "co-design" partners of the Toolkit

Timeline & other details

  • Dec 2023 - Nov 2024

  • I was an individual contributor on
    this project

I led the development of the first ever values-based food procurement digital toolkit. Designed to be operations & implementation friendly for public officials.

Positively impacting over 40 public institutions like – schools, hospitals, & senior centers in 13 states across the U.S. The toolkit has been adopted by 20+ public officials.

The Digital Values-Based Food Procurement Toolkit

Group 540.png

The Myers-Briggs Assessment Tool for public institutions

Designed a self-assessment tool for public institutions to identify their characteristics, strengths, and barriers to changing food procurement processes.

ARE YOU INTRIGUED AND WANT TO SEE THIS RIGHT NOW??? 

Group 531.png

A curated experience for the public officials

Recognized user behavior and designed personalized pathway experiences into the digital toolkit, allowing users to choose their own routes to achieve their goals.

Group 542.png

Institution-based recommendations for change in processes

Conducted extensive UX research and developed in-depth subject-matter expertise to ensure that recommendations and solutions are tailored to the needs of public officials.

More highlights of the toolkit towards the end of the project. Now you choose your pathway...

Uncovered the public official's goals, barriers, and desires for change.

09

User Interviews

12

Interview Transcripts

Group 621.png
call 1.jpg

Through these user interviews, I wanted to understand:
 

  • Long-Term Systemic Vision 

  • Barriers for Implementation

  • Stakeholders Involved


  • Current Best Practices

call 3.jpg

Public officials have a clear long-term systemic vision to leverage food procurement to reduce CO2 emissions and create local jobs.

Public officials are stuck between a complex web of stakeholders (internal & external) that are misaligned and uncooperative.

Public officials need a clear implementation pathway and understand their city's strengths & weaknesses for "change".

Public officials are seeing a glimmer hope through operational levers of menu planning, kitchen staff training or marketing.

Actionable takeaways from the interviews...

image.png
image.png
guide.png
bulb.png

Public officials aren't designers, but they are the end users for this toolkit. To guide them through the design process, I had to quickly jump into prototyping and used "hypothesis statements" to do so.

PROJECT HURDLE #1

IMG_6819.JPG

HYPOTHESIS STATEMENT #1

image.png

All public officials are working towards the same goal and they are hoping to activate consistent implementation variables and strategies.

How might we...

develop an implementation pathway for VBP with a shared process and shared language?

So that...

public officials are enabled with actionable tools to approach the change management process with clarity and confidence.

Simulated change implementation pathways with public officials.

04

Workshops
(Online & In-Person)

13

Public Officials Engaged

10+

Pathways Prototyped

Screenshot 2024-12-09 at 12.12.30 PM.png

Through these workshops, I wanted to understand:
 

  • Pathways taken by different cities 

  • Common barriers they faced

  • Roles of stakeholders involved

  • Phases of their work

  • Mental models of public officials

Screenshot 2025-03-03 at 8.21.58 AM.png
IMG_6812.gif
image.png

Co-designed with VBP leads from CDPH to refine language that resonates with public officials and observed user behaviors and interactions with pathway prototypes.

THE SIX-STEP GENERALIZED PATHWAY

Developed a shared process and language ready to be simulated, tested, and critiqued by public officials, i.e., the users.

pathway 1.png
IMG_5381.JPG

WORKSHOPS & USER TESTING

Facilitated a 2-day design workshop to simulate the six-step pathway and aid officials to create action plans based on shared processes and learnings.

image.png
“_edited_edited_edited_edited_edited.png

Business Development Manager – Office of the Deputy Mayor for Planning & Economic Development 
Washington DC

“_edited_edited_edited_edited_edited.png

“I think it was one of the best workshops I’ve been a part of in a long time. And, after working with colleagues from across the country, we left with concrete actions and knowledge, which has become increasingly rare in today’s fast-paced world.”

The proposal of a shared process and language, activities for project management, and visibility of common activities.

The process is too high-level, not linear, and requires a rearrangement of activity order to improve clarity and usability.

Consideration of jurisdiction-specific conditions and personalization of the VBP pathway are missing and need to be addressed.

A process flow function and need greater depth in specific VBP tasks and activities could be added for improvement.

Pluses, Challenges, Gaps, and Builds for the pathway...

image.png
image.png
image.png
image.png

HYPOTHESIS STATEMENT #2

There are consistent implementation variables / strategies across jurisdictions. These variables are dynamic and need to be adapted to the institution's characteristics. 

Slide 16_9 - 8.png

We brainstormed with public officials to identify consistent variables across cities in the country. These variables are opaque, confusing, complex, and overwhelming for public officials, i.e., the users.

Categorized the complex web of implementation variables into digestible phases and sections that resonate with the users.

ezgif.com-animated-gif-maker (1).gif
phases.png

READY

Evaluating Jurisdictional Readiness for VBP 

image.png

This foundational phase helps jurisdictions assess their capacity for implementing VBP by identifying baseline elements, strengths, and gaps to guide resource allocation and readiness.

BUILD

block.png

Building the Awareness for VBP

This phase establishes the foundation for VBP by preparing stakeholders, securing resources, and ensuring alignment for implementation. It bridges initiation and execution, setting the stage for a pilot program.

ACTIVATE

image.png

Activating the Pilot Program from VBP

This phase involves piloting VBP on a small scale to test strategies, refine processes, and gather insights, laying the groundwork for scaling up effectively. Small-scale successes provide metrics to guide broader implementation.

ESTABLISH

image.png

Establishing Standard Operating Procedures

This phase involves the conversion of small-scale success into standardized procedures to be followed by the institution. This is the indication of a successful change management process.

Refined the information hierarchy, variable definitions, toolkit structure, and usability through website wireframes.

Public officials are not experts of Figma! The technical barrier is too steep for them. I had to adapt and design a website user flow on Google Slides for feedback on information hierarchy & language from the users.

PROJECT HURDLE #2

Refined the information hierarchy, variable definitions, toolkit structure, and usability through Google Slides mimicking website wireframes.

03

One-on-One User Testing Sessions

15

Asyncronous User Testing Sessions

testing 2.png

The points of feedback were primarily around:
 

  • Language and terms that resonate with public officials

  • Request to add more case studies 

  • Need to see the entire system of variables

  • Assessing their characteristics

testing 1.png

Crafted the information hierarchy and structure of the toolkit to be operations
& implementation friendly.

hierarchy.png
ezgif.com-animated-gif-maker (2).gif

WEBSITE UX & BRANDING

Developed a curated and seamless user experience that follows a conversational brand language while catering multiple user personas and use cases for the Toolkit.

58178.png

Speculated use-case scenarios to guide the website UX.

All three use-cases and user personas need to be satisfied and they all demand a unique "speed" of user experience.

turtle.png

SLOW UX FOR THE VBP BEGINNER

  • Has the time to learn about the system and explore all parts of the toolkit.

  • Information should be revealed in layers and chunks to not overwhelm the user.

hare.png

ACCELERATED UX FOR THE VBP VETERAN

  • Should be able to get to information in the fastest way possible.

  • Show the veteran all information that is available and allow them to pick what they need for the task.

ele.png

SYSTEMIC UX FOR THE VBP PRO

  • Knows a lot about the system and is here to explore alternatives. 

  • Present them with alternatives, reading material, and facilitation ideas.

Conceptualized  3 brand design directions to choose from.

THE HANDSHAKE

To-the-point & Unassuming

Group 628.png

THE CONSULTANT
Knowledgeable & Futuristic

Group 630.png

THE PARTNER
Playful & Conversational

Group 631.png

Combined The Handshake & The Partner to create a brand that is to-the-point and conversational to bring joy and storytelling into the complex system of VBP. 

Screenshot 2025-03-03 at 9.56.23 PM.png

Simple grid layout with washed out primary colors

Screenshot 2025-03-03 at 10.05.19 PM.png

Hand-written fonts & icons for narrative & guidance

Screenshot 2025-03-03 at 10.01.36 PM.png

Bold slab serif or sans serif title fonts to establish credibility

MINI BRAND GUIDELINES

brand.png

The Values-Based Food Procurement Toolkit Website

image.png
web screen 2.png

The toolkit has 3 main objectives: Orient, Learn, Facilitate

Helps users orient by assessing their jurisdiction’s characteristics, learn through tools & case studies, and facilitate alignment by sharing best practices with their team.

Conversational language and empathetic to user's constraints.

An explainer video introduces the toolkit, while handwritten first-person text acts as a friendly guide to help users navigate the journey.

web screen 5.png
web screen 4.png

Catering to the 3 use cases through
a
personalized toolkit pathway experience.

Recognized user behavior and designed personalized pathway experiences into the digital toolkit, allowing users to choose their own routes to achieve their goals.

Providing a "guided tour" of the complex VBP system and using the toolkit.

Supporting public officials new to change management with a guiding hand, helping them confidently navigate systemic complexity.

ezgif.com-animated-gif-maker (3).gif
web screen 8.png

Showcasing all variables for the Veteran and Pro to choose based on their needs.

Showing a high-level view of the implementation variables to users (Veterans & Pro personas) to allow them to make their own decisions of where they want to navigate.

Recommending best practices, tools, templates, & case studies based on research & SME.

Going beyond a typical resource library toolkit, this provides concrete recommendations for next steps, actionable tools, and more based on the characteristics of the institution.

web screen 10.png
web screen 11.png

TOOLS & TEMPLATES

Designed a variety of actionable tools and plug-and-play templates that are user- and operations-friendly for the public officials to ease their burden.

image.png

Designed a "Myers-Briggs Self-Assessment" for public institutions' food procurement practices.

07

Cities that are currently using this in the U.S.

Why is this "self-assessment" important for institutions to take when going through a change management process? 

The VBP self-assessment helps jurisdictions identify assets, barriers, and gaps in values-based purchasing. It guides prioritization, enabling strategic, incremental changes. By understanding strengths and obstacles, jurisdictions can plan actions effectively, ensuring efficient progress and successful VBP implementation tailored to local needs.

Screenshot 2025-03-04 at 5.50.31 PM.png
Screenshot 2025-03-04 at 5.51.43 PM.png
Screenshot 2025-03-04 at 10.25.43 PM.png

...the self-assessment tool helped me understand where are my city’s barriers & assets and helps me decide my next step”
- Sustainability Manager – Office of Climate Change, Resilience & Sustainability at Honolulu, HI

“_edited_edited_edited_edited_edited.png
“_edited_edited_edited_edited_edited.png

How does the "self-assessment" work and what do institutions get out of it?

Read the introduction and allow 30 mins for yourself before choosing the phase you want to start with.

STEP 1

Screenshot 2025-03-04 at 5.58.56 PM.png

Select one of four characteristics (scored 1-4) for each variable based on the provided criteria definition.  

STEP 2

Screenshot 2025-03-04 at 6.02.29 PM.png

A total score will be calculated to give an overall view of progress along with a "report" of the results.

STEP 3

Screenshot 2025-03-04 at 6.07.20 PM.png

The color coded "report" will be used to aid in identifying priority areas and develop overall strategy. 

STEP 4

Screenshot 2025-03-04 at 6.09.55 PM.png

The Action Planning Template mimics a "theory of change" model catered specifically to public food procurement and for the users – public officials.

Designed 15+ plug-and-play templates of posters, flyers, slide decks, press release documents, and more. They were designed to look high-quality using Google Slides.

Screenshot 2025-03-04 at 6.14.45 PM.png

Tabloid posters for cafeterias and offices

Screenshot 2025-03-04 at 6.16.20 PM.png

Slide deck for educating food vendors

Screenshot 2025-03-04 at 6.15.22 PM.png

Flyers for circulation in home-delivered meals

Screenshot 2025-03-04 at 6.17.13 PM.png

Food cards to display at the food line

Templates like the posters and slide deck is already being used by public officials in their jurisdictions. 

LM47IEHJ24I6TIZJON4PX6Q3MM.jpg

LEARNING

Navigating system complexity to drive action and translating the abstract nature of policy into practice are key to the change management process in both civic and private sectors.

image.png

Navigating complexity to bring clarity for implementation.

QUESTIONS! QUESTIONS! QUESTIONS!

As an improviser, my brain is wired to ask and answer
the
5 W’s & 1 H in every scene I perform.  I applied this technique to a project to better understand and uncover the needs of public officials and cater the UX to all the use cases for this project.

SYSTEMS ARE ABSTRACT. TASKS ARE CONCRETE

Public officials often struggle with the complex "system," making it hard to quantify. Using design methods like prototyping and simulation, I helped break down abstract systems into concrete, measurable tasks for quick implementation.

Screenshot 2025-03-04 at 10.45.51 PM.png

Lost in Translation: Implementation of Policy

DESIGN FIXES MISALIGNMENTS.

Translating policy from the city level to departments, agencies, and the institutions implementing them is crucial. In food procurement, however, this translation often breaks down due to misalignment in language, incentives, and policy.

CONDITIONS HOLD THE KEY

Certain prerequisites must be in place for change to happen. Enabling these conditions can be frustrating, but through design, I made the process easier, more collaborative, and more effective for public officials.

Lettuce Farm
bottom of page