As a Product Designer at Nulogy, I was responsible for identifying, analyzing, and communicating user, business and design requirements to all product stakeholders. I lead user research and user testing sessions to inform the creation of project success criteria and the design of workflows, domain models, story maps, sketches, wireframes and prototypes.
As part of the Nulogy Design team I lead the design of Nulogy’s QCloud and GO applications and was one of four designers responsible for the UX and UI design of Nulogy's core application, PackManager. I was also given the opportunity to lead the work creating a unified visual design language that will be applied to Nulogy’s design system.
GO provides visibility of key metrics across a CPG’s entire network of contract packagers and manufacturers, allowing them to understand what is happening with their products within their external supply chain.
The Opportunity
As Nulogy’s network grew, they began working with major CPG brands, creating the opportunity to map the journey from raw materials to finished products.
However, CPG planners lacked a clear, real-time view of material availability and movement across their networks within the Nulogy platform. Instead, Planners relied on excel sheets and other make-shift methods to track all this data.
GO’s goal was to provide visibility of a product’s manufacturing journey through Suppliers, 3PL’s and Co-packers.
Main Objectives
Add a new module to provide visibility of materials within a CPG-Supplier network
Standardize and simplify Nulogy GO’s UI/UX patterns
Understanding our Users & Landscape
Nulogy GO’s Users:
CPG Planners are responsible for placing and tracking material orders, scheduling future orders, and troubleshooting delays. They needed accurate, actionable insights into material statuses to improve decision-making and efficiency.
Nulogy GO’s Landscape
GO aimed to create stronger collaboration and transparency across the supply chain. Its two primary sections at the time included:
In-Progress Orders:
Tracking the status of each step required to complete ongoing orders. GO can use the progress of each order and compare it to their expected due date to group orders that are on-time, late or at risk of being late.
Historical Orders:
High-level insights into past orders, allowing users to group and compare performance metrics.
Standardizing Interactions Patterns
To achieve our goal of standardizing UI interactions in GO, I mocked and tested three different interaction patterns.
The main challenge here was working closely with the developers on the team to come up with something that balanced ease of implementation with scalability and usability
Concept 1
Concept 2
Concept 3
Proposed UX & Interactions
The final interaction pattern we selected helped users move easily between GO’s types of usage:
1. High Level/Reporting view
2. Order/Material Detail view
3. Available Order/Material actions
Final Designs
In-Progress Orders
Before
After
Historical Orders
Before
After
Material Visibility Designs
Final Design
The final solution enabled planners to track raw materials as they move and transform into finished goods across suppliers, co-packers, and 3PLs.
By providing visibility of the quantities of a material at different locations we enabled planners to plan material orders much more efficiently.
UI Details
Design Impact
Addressed a critical pain point for planners by providing much-needed transparency.
Reinforced Nulogy GO’s mission to simplify and connect complex supply chain processes.
Delivered a scalable solution that aligned with the platform’s evolving design standards.