US Foods’ MOXē

I guided the UX design for MOXē, a comprehensive foodservice business app that goes beyond placing US Foods orders. I focused on creating an intuitive experience that lets restaurants manage every aspect of their operation 24/7 from the palm of their hand.

This is an image of three mobile phones. The phone in the front reads, "MOXe, Making Operator Xperiences Easy." The back two phones show a search page and an order page.

Who did we design for?

This is an image made to represent a restaurant owner. He holds a tablet in his hands, and is resting his left elbow on a few bocks.

Restaurant Owners

Restaurant owners are short on time. They handle operations, staff, inventory, and service, so they need quick, useful tools—ready-to-use reports, real-time alerts, and simple ordering and inventory processes. We built MOXē mobile-first, with easy onboarding, strong security, responsive support, and simple customization for different kitchens.

This is an image to represent sales reps. The sales rep is a man on the viewer's left, and a restaurant owner on the right. They both have papers in their hands and look to be carrying out a conversation.

Sales Reps

US Foods needed a faster, cheaper way to replace multiple in-house apps. We delivered an AI list builder, sales dashboards with actionable customer insights, and a sales-focused UI. Sellers saved time with less data entry and training, offline field access, strong CRM and inventory integrations, and configurable reports for territory planning and quota tracking.

This is an image to represent restaurant staff. It is an image of a man holding a tablet. He is wearing an apron and smiling from ear to ear.

Restaurant Staff

Staff, like restaurant owners, are short on time and need fast, practical tools: quick opening/closing checklists, ready-to-run shift task lists, live ticket/prep status, and simple inventory pull sheets. One-touch actions, minimal training, offline reliability, clear priority visuals, dependable support, and easy role-based settings were essential.

Behind the Scenes

This is an image of two folks seemingly talking. One person is holding a notebook, while the other holds what looks to be a receipt.

Chatting with “Whom”

As part of our process, we joined rides with sales representatives to gather firsthand feedback, visit customers, and document their specific needs for MOXē. We also engaged with colleagues across multiple departments—especially those in customer-facing roles—to capture diverse perspectives.

This is an image of a whiteboard. There are many notes on it. The most legible text reads "problems / pains." It was chosen to represent research.

Intentional Research

With the 18F methods as our guiding principle, we implemented research approaches across the board to arrive at accessible, user-focused decisions within MOXē, including but not limited to journey mapping, comparative analyses, content audits, site mapping, and task-flow analysis.

This is an image of sketchy wireframes on paper. Certain parts of the drawn frames are colored in blue and purple.

Wireframes

Before developing pixel-perfect UI in Figma, we created quick wireframe sketches and reviewed them in internal design meetings. This enabled fast, focused decision-making and let us validate key interactions and layout choices without wasting time on detailed mockups.

View Customer Support Research

Design System

MOXe’s design system was a living document, evolving to meet and exceed accessibility standards. It became a scalable, clear, and consistent foundation for US Foods’ current digital design library.

This is an image to represent MOXe's design system. It is a direct screenshot of the "Type Scale" section of the design system. Multiple fonts and font sizes are documented for designers to pull from.
Visit MOXe's Design System

Feature

AI Shopping List Builder

We created an AI-powered list builder for MOXē that makes turning photos into shopping lists effortless. Simply snap or upload a picture — whether it’s a handwritten note or a back-of-house inventory photo — and the AI automatically recognizes items and organizes them into a clear, ready-to-use shopping list. The result: less typing, fewer mistakes, and a faster path from image to action.

Crafted for: Sales Reps (initial launch), Restaurant Owners & Restaurant Staff (post launch)

This is a screenshot of MOXe's AI List Builder on Mobile. It is a generated list titled "My Summer List," and has multiple products spanning the page.
This is a screenshot of MOXe's AI List Builder on Desktop. It is a generated list titled "My Summer List," and has multiple products spanning the page.
View Mobile Prototype

Feature

Inventory

Crafted for: Restaurant Owners & Restaurant Staff

MOXē Inventory is a flexible inventory-management feature that lets users build an Inventory Worksheet in several ways to match different workflows. Options include creating from an existing Shopping List (Custom List, US Foods Order Guide, or Master List), pulling items from Past Purchases (last 30, 60, or 90 days), duplicating a previous inventory, or starting from scratch with manual entry.

This is a screenshot of MOXe's Inventory on Mobile. The Inventory name is titled, "Inventory, 1/19/2024," and has multiple groups representing different parts of the kitchen. In each group there are products added.
This is a screenshot of MOXe's Inventory on Desktop. The Inventory name is titled, "Inventory, 1/19/2024," and has multiple groups representing different parts of the kitchen. In each group there are products added.
Inventory Lookbook
View Food Cost Calculator

Feature

Shopping Lists

Crafted for: Sales Reps, Restaurant Owners & Restaurant Staff

The Shopping List feature in MOXē streamlines the ordering process by consolidating regularly purchased items into a single, easy-to-manage location, helping users save time, reduce repetition, and maintain consistent inventory.

This is an image of a List on MOXe's mobile app. The name of the list is titled, "Special Product List." There are 15 products added, and a bunch of groups created by the user.
This is an image of a List on MOXe. The screenshot is for desktop. The name of the list is titled, "Special Product List." There are 15 products added, and a bunch of groups created by the user.
Shopping List Lookbook

MOXē Moving Forward

This is an image of a laptop with a black and blue braille display in front of it.

Commitment to Accessibility

MOXē was developed over five years, which introduced inconsistencies across some user flows. Early design decisions did not fully meet accessibility best practices. As the project progressed, we prioritized revisiting legacy flows and addressing accessibility gaps to create a more consistent, inclusive experience.

This is an image of a Mac desktop computer, with the screen displaying a design system.

US Foods Digital Design System

As part of our commitment to UI consistency, accessibility, and design best practices, we conducted a company-wide overhaul of US Foods’ digital design system. The work is ongoing — view the in-progress documentation below.

This is an image of kitchen staff prepping tasty sushi.

Dedication to our Users

The most important part of designing MOXē was regularly engaging our users. Sales reps, restaurant owners and staff, and team members across the company informed every design decision. As we iterated on the application, their feedback guided each improvement.

Digital Design System WIP
Next

Advanse