Moxe Application
& Website Redesign
Redesign of current user experiences and introduction of new features and micro-interactions to overall improve users ability to browse products, create lists, submit orders, calculate inventories, and much more
The Project
US Foods aimed to transition its traditionally offline customer base to a seamless, digital first platform post COVID. The MOXÄ“ platform was designed to support this shift, targeting a wide range of customers including restaurants, hospitals, and hotels. My role involved leading design efforts across multiple features, ensuring user friendly interfaces and scalable design systems.
The Challenge
The main challenge was designing a user friendly digital experience that catered to a wide range of tech-savviness. We needed to modernize the platform while maintaining clarity, especially for users unfamiliar with e-commerce style tools. In addition to improving mobile and micro interaction design, I had to stay nimble within a fast-paced, constantly evolving development environment. My responsibilities included managing design for complex flows, coordinating with product owners and developers, and ensuring each solution was both usable and feasible.
The Research
To inform the design process, I conducted user interviews across US Foods' diverse customer base, uncovering common frustrations and needs. I analyzed competitors like Amazon, Instacart, and Walmart to understand how high volume product interfaces were structured. I also collaborated closely with developers and product owners to align on requirements and constraints. My research uncovered several critical needs: improved usability on mobile, clearer product card structures, and seamless workflows for inventory management—including support for tracking both US Foods and third-party products.
The Design Solution
For the Product Cards, I began by auditing the existing layouts and identifying inefficiencies, particularly the excessive vertical spacing on mobile. I redesigned the cards to use space more effectively, allowing them to dynamically adapt based on content. Elements like the ellipsis menu and deals banner were repositioned to improve visibility and tap-ability. I introduced a "tray" layout for variant-specific messaging that preserved the integrity of the main card content. I also integrated ratings and reviews while ensuring all visual elements passed accessibility standards. This solution culminated in a flexible, scalable component in Figma with 13 toggles and over 40 permutations.
BEFORE
AFTER
The Inventory feature was another major focus. My designs allowed users to calculate total food costs across both US Foods and external products. This involved redesigning the landing page to surface key insights, streamlining onboarding from the legacy system, and introducing a confirmation flow for data transfers. I added a progress tracker and a dedicated status page to help users manage inventory transfers and errors. The Create Inventory flow supported building worksheets from past purchases or entirely new entries, and I redesigned the search experience to act as an overlay to reduce task disruption—a change that impacted not just inventory but other areas of the platform as well.
When it came to Count Mode, I prioritized the mobile experience, knowing users often performed inventory tasks in physical spaces like pantries. I created adaptive card states to clearly communicate product anomalies such as price overrides and calculation errors. For Edit Mode, I improved on inherited designs by removing redundant clicks and enabling inline editing, inspired by patterns from Squarespace and LinkedIn. I also added drag-and-drop functionality with visual cues, ensuring actions were intuitive while maintaining keyboard and static alternatives for accessibility.
To accommodate non-US Foods products, I created a centralized page where users could catalog and manage external items. This included editable fields, bulk editing, and the ability to add these products to multiple worksheets without duplication. I maintained visual consistency with existing product cards while modifying fields to highlight differences.
I also introduced redesigned inventory overview cards that displayed name, creation date, product count, and value at a glance. These supported quick actions like duplication and filtering. Additionally, I overhauled PDF reports using a cleaner, pill based tagging system to improve readability, ensuring that each report clearly communicated key product differentiators.
​ ​ ​​​ ​ Throughout the project, I introduced several process improvements. I stayed two sprints ahead in JIRA, added detailed design links to tickets early, and initiated bi-weekly syncs with developers. I also standardized component usage across screens to maintain consistency and reduce development confusion.
PDF Updates
BEFORE
AFTER
The Impact & Learnings
The redesigns significantly improved user workflows, reduced friction, and gave customers greater control over ordering and inventory. By allowing seamless data transfers, clear inventory overviews, and the integration of external products, the platform became more holistic and easier to navigate.
​
This project underscored the importance of flexibility in design—nothing stayed static for long. I learned to iterate quickly, communicate proactively, and balance competing demands without sacrificing quality. Being the only designer on such a large initiative taught me how to manage scope, stay organized, and lead with confidence. Working at the intersection of UX, product, and development helped me become a more strategic, adaptive, and collaborative designer.