GoLemon shifted from 2-day to next-day delivery, revealing major inefficiencies in their existing order fulfilment process, which was managed via spreadsheets and Slack. This fragmented system:

With rapidly growing order volume and operational complexity, GoLemon needed an automated, centralized platform to streamline fulfillment, reduce errors, and facilitate team collaboration.

an image showing the Limelight dashboard
section icon

ROLE

Lead product designer

section icon

CONSTRAINTS & LIMITATIONS

section icon

RESEARCH & USER INSIGHTS

To shape Limelight’s design, I partnered with the product manager and conducted research using multiple methods that included:

Key research questions

Key Insights

section icon

OBJECTIVE

"How can we centralise and automate the order fulfillment process, to improve operational efficiency, reduce errors, and enhance communication across teams?"

section icon

SYNTHESIS

Process mapping & brainstorming

We mapped out the fulfilment process based on our research, which helped us to visualise the inefficiencies and unnecessary steps, and find areas where automation could speed things up. From there, we defined product/design opportunities and requirements.

image showing the Process map

Process map of the order fulfilment flow (Slightly blurred for confidentiality)

Product/Design requirements

  • Introduce automatic inventory reconciliation to reduce manual steps, and speed up sourcing operations.
  • Provide a central tool where all the different teams could work, and get updates from.
  • Provide a communication system that would suit the team's specific operations requirements better.

section icon

SOLUTION & DESIGN EXECUTION

image showing the Limelight dashboard

Sketches and initial ideas

Collaborating deeply with product and engineering, I designed Limelight with the following core features:

Dashboard

The dashboard provides a real-time overview of order statuses, enabling all teams to see what is happening at each stage of the fulfillment process. This eliminates the need for constant updates between teams and ensures everyone has access to the same information.

image showing the Limelight dashboard

The dashboard

Order Management System

Limelight’s order management system is divided into clear sections: Sourcing, Processing, Packing & QA, and Order Fulfillment. Each section tracked the status of orders and allowed teams to easily see where bottlenecks were occurring.

image showing the orders section

The Orders section

image showing the packing section of Limelight

The Packing section

Inventory Integration

To solve the issue of inventory inaccuracies, Limelight integrates with the inventory management system. This allows the system to automatically calculate how much stock is needed based on daily orders, reducing errors and ensuring inventory levels are always up to date.

image showing the sourcing

The sourcing section which is synced with inventory

The Situation Room

The Situation Room replaced Slack as the main communication hub for the customer support team. It allows teams to log and track customer issues in real time, providing greater context and improving collaboration.

image showing the empty state of the situation room

Situation room - No issue selected

image showing a selected issue in the situation room

Situation room - Issue selected

Roles, Permissions, and Audit Logs

We introduced a robust system of roles and permissions, allowing administrators to restrict access to specific data based on user roles. The audit logs tracks every change made in the system, providing accountability and ensuring that unauthorized changes are easily traced.

image showing the users section

Permissions section - Users

Prototype

Limelight prototype

Developer handoff assets

image showing the users section

Developer handoff

section icon

TESTING & ITERATIONS

After working on the design, I conducted demos and usability testing sessions with stakeholders across operations, enginering and customer support. From these conversations, we made some updates to the design to improve the accuracy and experience.

Introduced a quantity QA’ed column

This was added to address inventory discrepancies that were caused by returned items. This ensured that only the items deemed fit for delivery by the QA team were subtracted from inventory, preventing discrepancies and improving inventory reconciliation.

image showing the quantity QA'ed column

Quantity QA'ed column in the packing section

Swtiched the date filter from multi-entry to single entry

This was switched to address an engineering limitation.

image showing the switched date picker

Date filter switched from multi to single select

section icon

CHALLENGES

Feature Prioritization in a Resource-Constrained Environment: 

With a tight timeline and constrained engineering capacity, we had to carefully prioritize building only the highest-impact features first, such as automating inventory reconciliation and centralizing order tracking, while deferring less critical features for future phases.

Ensuring User Adoption Across Diverse Teams:

Achieving adoption was challenging because multiple teams were accustomed to different existing tools and workflows. To address this, we engaged stakeholders early, involved them throughout design iterations, and crafted intuitive onboarding experiences tailored to each team’s needs to build trust and encourage smooth transition.

Complexity of Inventory Accuracy:

Testing revealed previously unrecognized complexities, such as returned items affecting stock counts and discrepancies between packed and QA-approved quantities. To tackle this, we introduced the “Quantity QA’ed” column and refined inventory syncing logic to ensure only verified items affected inventory, greatly improving accuracy.

Communication System Replacement:

Migrating communication from Slack to the new Situation Room required careful design to replicate needed workflows while improving issue tracking and context. We focused on reducing disruption by aligning the new tool closely with the support team's operational needs.

section icon

IMPACT

image showing the impact of Limelight

CHECK OUT MY NEXT PROJECT

image of the next project - Virtual Terminals

Virtual Terminals

Enhancing the in-person payment experience

Design. Usability Testing

Content guide