Noodle.ai

Inventory Flow

Inventory Flow

An AI-powered SaaS solution assisting distribution supervisors to foresee and tackle supply shortages before they occur.

The app was driven by powerful technology, but it was so cumbersome most people had quit using it.

The app was driven by powerful technology, but it was so cumbersome most people had quit using it.

The app was driven by powerful technology, but it was so cumbersome most people had quit using it.

Organization
Noodle.ai

My title
Lead Designer

Tags
AI/ML, SaaS, B2B, Supply Chain

Platform
Web application

What I worked on

Product Design
User Research
User Experience
Visual Design
Prototyping

Background

The global supply chain is hugely volatile, and if products aren’t available on the shelves when consumers want them, companies loose money. Inventory Flow was built to mitigate these risks. However, the app was suffering from a bloated, unintuitive interface, and we discovered that our customers were not using the existing UI.

What I did

I was brought in to fix a UI that had become overly complex and didn’t address the needs of our users. I was the lead product designer on the product, and while I worked closely with our product and engineering teams, I drove the redesign.

Before

After

Stakeholder Interviews

Noodle's internal stakeholders had different priorities

Enterprise Services

It’s not efficient for our users to have to approve of all of these stock transfer changes individually. It’s too many clicks!

Product Leadership

Prepare for a new, more sophisticated data science approach which will optimize actions across the network, not just to individual stock transfers. “This will be a wall of complexity.”

Engineering

Our code base is different for different customers. It all needs to be unified.

User Testing

Remote, moderated testing — a handful of existing users walked me through their key tasks in the application.

“I used to try some things [in Noodle], but now we basically go to the spreadsheet.”

“I used to try some things [in Noodle], but now we basically go to the spreadsheet.”

“I used to try some things [in Noodle], but now we basically go to the spreadsheet.”

😬

😬

— Distribution Planner

Key Findings

1.

1.

Need to zoom out to see interdependence of warehouse nodes across network

2.

2.

Get lost without consistent underlying navigation

3.

3.

Want to compare different distribution plans with scenario analysis

Final Design

Switch between different “Distribution Plans”, or compare plans side by side

Small multiples show supply and demand predictions across hubs

All SKUs available for single click navigation

View the entire supply chain network on a single screen

Results

The update dramatically improved user satisfaction, while the subscriptions increased by 150%. Further, after the update users began making updates within the app so that Noodle can record & identify value captured.

Colophon

Inter is a versatile sans-serif typeface designed by Rasmus Andersson in 2016. Created for screen readability, it features clean lines, excellent kerning, and optimized legibility at small sizes. Widely used in digital interfaces, Inter has become a favorite for its modern, approachable design and extensive language support. You can contribute to it at github.com/rsms/inter.

Space Grotesk is a proportional sans-serif typeface variant based on Colophon Foundry's fixed-width Space Mono family (2016). Originally designed by Florian Karsten in 2018, Space Grotesk retains the monospace's idiosyncratic details while optimizing for improved readability at non-display sizes. You can contribute to it at github.com/floriankarsten/space-grotesk

This site was designed in Figma and built using Framer. It was made by Jordan Rothe in Oakland, California in 2023, and updated in 2024 and 2025.

Colophon

Inter is a versatile sans-serif typeface designed by Rasmus Andersson in 2016. Created for screen readability, it features clean lines, excellent kerning, and optimized legibility at small sizes. Widely used in digital interfaces, Inter has become a favorite for its modern, approachable design and extensive language support. You can contribute to it at github.com/rsms/inter.

Space Grotesk is a proportional sans-serif typeface variant based on Colophon Foundry's fixed-width Space Mono family (2016). Originally designed by Florian Karsten in 2018, Space Grotesk retains the monospace's idiosyncratic details while optimizing for improved readability at non-display sizes. You can contribute to it at github.com/floriankarsten/space-grotesk

This site was designed in Figma and built using Framer. It was made by Jordan Rothe in Oakland, California in 2023, and updated in 2024 and 2025.

Colophon

Inter is a versatile sans-serif typeface designed by Rasmus Andersson in 2016. Created for screen readability, it features clean lines, excellent kerning, and optimized legibility at small sizes. Widely used in digital interfaces, Inter has become a favorite for its modern, approachable design and extensive language support. You can contribute to it at github.com/rsms/inter.

Space Grotesk is a proportional sans-serif typeface variant based on Colophon Foundry's fixed-width Space Mono family (2016). Originally designed by Florian Karsten in 2018, Space Grotesk retains the monospace's idiosyncratic details while optimizing for improved readability at non-display sizes. You can contribute to it at github.com/floriankarsten/space-grotesk

This site was designed in Figma and built using Framer. It was made by Jordan Rothe in Oakland, California in 2023, and updated in 2024 and 2025.