Centralized nutrition data management system with API

Centralized nutrition data management system with API

Product page in Nestle's nutrition data management system. In the header is the product image, name, and status indicator of 'published.' Beneath it are tabs for overview, food groups, nutrients, heavy metals, images, and change history. Nutrients is the active tab, with a table below for 'nutrient values' with data for each nutrient and different serving sizes.

Project overview

Nestlé, a global leader in food and beverage, was using an antiquated application called Menu Planner, originally designed to manage product nutrition information. Recently, California passed a bill requiring baby food manufacturers to make their heavy metal test results available to consumers on the manufacturer’s website. Menu Planner was identified as the perfect system for this task.

Since Nestlé was only tracking test results internally in Excel files, they needed a tool allowing them to upload and manage the data. However, Menu Planner was outdated and lacked the scalability to support additional functionality. As a result, Nestlé asked us to redesign the application to incorporate test results and serve as a centralized product management system for nutrition data.

Services
User research, Prototyping, Usability testing, Developer handoff, Development, UX support

Challenges

Upload and manage test results

Design a solution to easily upload, validate, and control heavy metal test result data.

Create an API for data access

Design and develop an API that enables secure, reliable external access to data.

Streamline data management

Optimize workflows, enhance efficiency and reduce manual effort.

Evidence gathering

Purpose of our research

By understanding how the existing application is used, user behavior, and business requirements, we can gather insights to ensure our design decisions align with both user and business goals. Through our research, we aimed to:

  • Identify user needs and pain points
  • Analyze existing use cases to discover opportunities for improvements
  • Evaluate criteria for test result data
  • Understand long-term needs to inform architecture and scalability

Studies

Key insights

Easy control of imported data is critical for accuracy and compliance

In our design, once a file is uploaded, the system automatically checks for inaccuracies. The imported data is then displayed to users to review or take further action on before publishing it for API use. If inaccuracies are found, the system separates the problematic data from the clean data, allowing users to either correct the issues before publishing or remove the invalid records.

To unpublish results, users can do so manually, or once they expire, they are automatically removed from API use and archived. Automating this task reduces user responsibility and optimizes database performance.

Users can import a new spreadsheet with drag and drop. An imported record with an error message displayed in red with a warning icon with options to edit, hold, or remove the record.
NDMS at the center of the API ecosystem, with animated arrows showing data transfer between NDMS and surrounding systems like Gerber, Nestum, Cerelac, and Gerber Medical Hub.

Consolidate multiple disparate data sources into a single, centralized system

UX Team expanded the capabilities of a legacy Menu Planner application into a newly designed and developed Nutrition Data Management System (NDMS). This new application enables Nestlé employees to easily manage all data in one application instead of multiple disparate applications.

In addition, the data managed in this new application is fed to multiple public websites via an API. This not only allows all product nutrition data to be immediately updated with the click of a button but it also ensures that all data is consistent, error-free, and well-organized.

Need for enhanced data filtering capabilities

In the legacy application, users had to run reports to generate a filtered list of products based on specific attributes. This process was not only inefficient but also lacked the level of granularity users required.

With the new system, users can bypass the reporting module entirely, as the product listing now offers a comprehensive range of filters. This enables users to quickly narrow down products based on one or more attributes. Additionally, we’ve integrated export functionality throughout the system, making it easy for users to download data whenever needed.

Filters modal sliding in from the right, overlaying the dashboard with search functionality and filters organized by product attributes

Integration with new product management API

Part of this project involved redesigning and developing two external tools: Allergen Finder and Nutrient Profiles. Both tools are featured on Gerber Medical Hub, but they were built in Nestlé’s legacy system, and products were not always up to date and the functionality was not always reliable.

Using the newly implemented API, we can provide users with accurate and up-to-date product information that healthcare professionals need to inform their patients with specific dietary needs. By incorporating the same powerful reporting features found in the new system, the API also enabled us to develop both tools in Medical Hub that deliver an efficient and cohesive user experience on their website.

NDMS at the center of the API ecosystem, with animated arrows showing data transfer between NDMS and surrounding systems like Gerber, Nestum, Cerelac, and Gerber Medical Hub.
Reliable reporting powered by the new NDMS
  • Real-time product information
  • Intuitive report builder interface
  • Customizable filters to tailor results based on specific needs
  • User-friendly format for quick viewing and comparison
  • Export capabilities for easy distribution

Conclusion

UX Team transformed a legacy application into a robust, centralized data management system designed for efficient data uploads, improved data control, and API integration. Our solution introduced automated data checks and real-time validation to ensure compliance with California’s heavy metal testing regulations. By modernizing system functionality, we streamlined workflows and established a scalable foundation for future enhancements.