WARP

Albert Heijn rebuilt its warehouse replenishment tool (WARP) to replace an outdated system. WARP supports supply chain teams in planning and managing the shipment of goods from suppliers to warehouses, ensuring deliveries stay on schedule.

Aug 7, 2023

CLIENT

Albert Heijn

CLIENT

Albert Heijn

CLIENT

Albert Heijn

Role

UX Designer

Role

UX Designer

Role

UX Designer

Service

Product Design

Service

Product Design

Service

Product Design

Green Fern
Green Fern
Green Fern

Project Overview

Project Overview

Project Overview

Challenges
  • Previous system technology was becoming obsolete

  • Existing UI was built by frontend developers without design oversight

  • Users required a tool that supported complex workflows while being easy to navigate

  • Need to align with Albert Heijn’s design system and visual principles

  • Product must comply with operational, security, and privacy standards

Objectives
  • Redesign the UI to improve usability, efficiency, and legibility for warehouse employees

  • Ensure consistency with the Albert Heijn design system

  • Simplify complex supply chain workflows without losing essential functionality

  • Introduce user-centered design practices in an existing development process

Approach
  1. User-Centered Research

    • Conducted in-depth sessions with supply chain teams to understand daily workflows and pain points

    • Mapped processes to identify opportunities for efficiency gains

  2. Design System Integration

    • Applied Albert Heijn’s design system across WARP to unify UI components

    • Implemented visual hierarchy principles to enhance legibility and task prioritization

  3. Feature Design & Collaboration

    • Designed and iterated new features

    • Led workshops with engineers, compliance specialists, and business leads to align on product vision and simplify workflows

    • Advocated for usability testing to validate designs and improve adoption

  4. Process Improvement & Governance

    • Introduced design thinking practices to a product initially developed without designers

    • Guided adoption of design system best practices across Supply Chain and Employee Experience tools

Challenges
  • Previous system technology was becoming obsolete

  • Existing UI was built by frontend developers without design oversight

  • Users required a tool that supported complex workflows while being easy to navigate

  • Need to align with Albert Heijn’s design system and visual principles

  • Product must comply with operational, security, and privacy standards

Objectives
  • Redesign the UI to improve usability, efficiency, and legibility for warehouse employees

  • Ensure consistency with the Albert Heijn design system

  • Simplify complex supply chain workflows without losing essential functionality

  • Introduce user-centered design practices in an existing development process

Approach
  1. User-Centered Research

    • Conducted in-depth sessions with supply chain teams to understand daily workflows and pain points

    • Mapped processes to identify opportunities for efficiency gains

  2. Design System Integration

    • Applied Albert Heijn’s design system across WARP to unify UI components

    • Implemented visual hierarchy principles to enhance legibility and task prioritization

  3. Feature Design & Collaboration

    • Designed and iterated new features

    • Led workshops with engineers, compliance specialists, and business leads to align on product vision and simplify workflows

    • Advocated for usability testing to validate designs and improve adoption

  4. Process Improvement & Governance

    • Introduced design thinking practices to a product initially developed without designers

    • Guided adoption of design system best practices across Supply Chain and Employee Experience tools

Challenges
  • Previous system technology was becoming obsolete

  • Existing UI was built by frontend developers without design oversight

  • Users required a tool that supported complex workflows while being easy to navigate

  • Need to align with Albert Heijn’s design system and visual principles

  • Product must comply with operational, security, and privacy standards

Objectives
  • Redesign the UI to improve usability, efficiency, and legibility for warehouse employees

  • Ensure consistency with the Albert Heijn design system

  • Simplify complex supply chain workflows without losing essential functionality

  • Introduce user-centered design practices in an existing development process

Approach
  1. User-Centered Research

    • Conducted in-depth sessions with supply chain teams to understand daily workflows and pain points

    • Mapped processes to identify opportunities for efficiency gains

  2. Design System Integration

    • Applied Albert Heijn’s design system across WARP to unify UI components

    • Implemented visual hierarchy principles to enhance legibility and task prioritization

  3. Feature Design & Collaboration

    • Designed and iterated new features

    • Led workshops with engineers, compliance specialists, and business leads to align on product vision and simplify workflows

    • Advocated for usability testing to validate designs and improve adoption

  4. Process Improvement & Governance

    • Introduced design thinking practices to a product initially developed without designers

    • Guided adoption of design system best practices across Supply Chain and Employee Experience tools

Results

Results

Results

Impact & Results
  • Improved efficiency for supply chain teams by streamlining workflow visibility and task prioritization

  • Enhanced usability and legibility, reducing errors and cognitive load for employees

  • Established stronger adoption of Albert Heijn’s design system in complex internal tools

  • Successfully introduced user-centered design practices in a legacy system environment

  • Iterative launch of features ensures continuous improvement and early value delivery

Key Takeaways
  • Deep understanding of complex operational workflows is crucial to designing impactful internal tools

  • Integrating design systems post-development can drastically improve usability and visual consistency

  • Collaboration across business, engineering, and compliance teams is essential in enterprise environments

  • Leading design in challenging, legacy-driven products demonstrates the value of user-centered practices in complex contexts

Outcome: WARP is evolving into a highly efficient, user-centered warehouse management tool, showcasing senior-level UX leadership in redesigning critical enterprise systems.

Impact & Results
  • Improved efficiency for supply chain teams by streamlining workflow visibility and task prioritization

  • Enhanced usability and legibility, reducing errors and cognitive load for employees

  • Established stronger adoption of Albert Heijn’s design system in complex internal tools

  • Successfully introduced user-centered design practices in a legacy system environment

  • Iterative launch of features ensures continuous improvement and early value delivery

Key Takeaways
  • Deep understanding of complex operational workflows is crucial to designing impactful internal tools

  • Integrating design systems post-development can drastically improve usability and visual consistency

  • Collaboration across business, engineering, and compliance teams is essential in enterprise environments

  • Leading design in challenging, legacy-driven products demonstrates the value of user-centered practices in complex contexts

Outcome: WARP is evolving into a highly efficient, user-centered warehouse management tool, showcasing senior-level UX leadership in redesigning critical enterprise systems.

Impact & Results
  • Improved efficiency for supply chain teams by streamlining workflow visibility and task prioritization

  • Enhanced usability and legibility, reducing errors and cognitive load for employees

  • Established stronger adoption of Albert Heijn’s design system in complex internal tools

  • Successfully introduced user-centered design practices in a legacy system environment

  • Iterative launch of features ensures continuous improvement and early value delivery

Key Takeaways
  • Deep understanding of complex operational workflows is crucial to designing impactful internal tools

  • Integrating design systems post-development can drastically improve usability and visual consistency

  • Collaboration across business, engineering, and compliance teams is essential in enterprise environments

  • Leading design in challenging, legacy-driven products demonstrates the value of user-centered practices in complex contexts

Outcome: WARP is evolving into a highly efficient, user-centered warehouse management tool, showcasing senior-level UX leadership in redesigning critical enterprise systems.