Order dashboard displayed on a tablet, showing a searchable product list with prices, rewards, and purchasing options.

CASE STUDY

Order.co: Shaping the Product with Discovery

Role: Lead UX Designer

Overview: Redesigned Order's e-commerce platform experience to simplify complex product addition workflows, reduce user friction, and improve overall usability.

Portfolio review slide for Order.co outlining business reliance on the cannabis industry, COVID-19 challenges, declining customer retention, and related OKRs.

Context & Problem

Background: Order provides businesses with an efficient way to consolidate their monthly business spend onto a single invoice. They were heavily reliant on the cannabis industry, struggling post-pandemic, and experiencing steadily declining customer retention.

Challenge: Users consistently reported that the product was "too hard to use." A significant issue was the 5% monthly customer churn due to product complexity, not offset by new customer acquisition.

Portfolio Review slide titled “Key Collaborators,” featuring portraits and roles for Sarah, Edison, Dan, Mike, Tom, and Glenn.

My Role, The Team & the Customer

I served as the Lead UX Designer, collaborating closely with the three legs of the stool; Product Management, Engineering, and Design, while collaborating with Senior Executive Leadership.

My responsibilities included leading user research, hypothesis formation, creating journey maps, wireframing, prototyping, usability testing, and strategic prioritization of design tasks.

Design thinking process diagram showing problem definition, research, design, discovery, exploration, development, testing, delivery, and solution.

Design Process

I leveraged the Double Diamond method of product design—Discover, Define, Develop, Deliver—to systematically address user pain points, align stakeholders, validate solutions, and ultimately bring these features to life.

This approach enabled thorough exploration and precise definition of user needs, followed by iterative development and delivery of user-centric solutions.

Dark presentation slide outlining a six-step continuous discovery process: hypothesize, contextual inquiry, data synthesis, design and prototype, test and iterate, and ship and measure.

Discovery Research

Business Problem: Users consistently reported that the product was "too hard to use." A significant issue was the 5% monthly customer churn due to product complexity, not offset by new customer acquisition.

Key Hypotheses:

  • Order customers expect a AAA retail shopping experience

  • Order customers only need the minimum, “perfect” product info

  • Business spend was top 3 priorities for Franklin

  • Franklin (buyer) was the main persona

Portfolio review slide titled “Contextual Inquiry,” listing 6 users, 4 SMEs, 4 time zones, 7.5 hours, and 20+ insights alongside a team analyzing research notes.

Research methodology

Research Method Explained: The contextual inquiry method involved observing and interviewing users in their natural working environments to understand their tasks, workflows, and challenges. Insights were synthesized into clear, actionable themes that guided our design decisions.

Target Audience

  • Franklin: The buyer

  • Sofia: Manger

  • Rupert: Finance

Narrowing the Focus

The research uncovered A LOT of pain points. Now that I had real customer problems defined, the high level end-to-end journeymap enabled strategic planning conversations about how to properly resource and solve those problems, in the right order.

Preliminary Results:

  1. Duplicate accounts and product entries were frequent, causing frustration.

  2. Product addition processes lacked consistency and clarity.

  3. Users desired minimal, clear product info for decision-making.

Portfolio review slide titled “Insights” showing a large ecommerce customer journey storyboard with annotated wireframes, sticky notes, and stages from product landing page through checkout, approval, and confirmation.

Screenshot of all notes, pain points and themes uncovered in research

High Level End-to-End Journey Map

I was able to use the data obtained through interviews to quickly map out a high level end to end user flow, that included paint points and opportunities.

Insights from journeymap

Significant Database Issues

Duplicate accounts and product entries were frequent, causinguser frustration.

Onboarding & Catalog Creation Friction

Product addition processes lacked consistency and clarity.

Unclear Product Metadata in Catalog

Users desired minimal, clear product info for decision-making.

Solutions & Key Decisions

The research uncovered A LOT of pain points. Now that I had real customer problems defined, the high level end-to-end journeymap enabled strategic planning conversations about how to properly resource and solve those problems, in the right order.

Resourcing Strategy:

  1. Find design-lite backend work for engineering, first

  2. Get design and product 2-4 weeks ahead of engineering

Dark portfolio review slide titled “Strategic Impact on Design Direction,” listing product priorities for automation, deduplication, product addition, search and PDP, and finance products by quarter.

Example of resourcing plan that kept engineering engaged while I figured out the design solution(s)

Fast, Low Fidelity Iteration

Moving on to my first area of focus (prioritized by PM), I built a design system for Product Detail Pages (PDP), and Search results.

Hypotheses:

  1. Order customers desired a standard e-commerce model for Search and PDP

  2. Customers wouldn’t need as much product information for products in their custom catalog

  3. Baymard research would apply to B2B

Wireframe prototypes portfolio slide showing an ecommerce category page with filters, vendors, product comparison, and a detailed product page.
Usability testing portfolio review slide showing four users, three subject matter experts, six hours, and two prototypes alongside a collaborative UX design workspace.

Testing & Validation

Conducted structured usability tests (4 users, 3 SMEs, 6 hours, 2 prototypes). Feedback led to refinement in filtering and comparison interactions, significantly improving ease of use.

What I learned:

  1. Order customers did in fact respond well to a standard e-commerce model for Search and Product Detail Page

  2. Customers needed the same amount of product information for products in their custom catalog, to instill confidence that they were purchasing the right product.

  3. Much of Baymard’s catalog applied to the PDP and Search results use cases. They have expanded their offerings with B2B research.

Level 2 Journeymaps

The second round of research allowed my to create more detailed journeymaps specific to section of the end-to-end flow

The coordination of back-end engineering work, along with fast, rigorous testing resulted in more clarity around customer problems. This new level of insight set up the design org roadmap for the rest of the year.

Impact & Results

Wins:

  1. Significant reduction in duplicate entries

  2. Dramatic improvement in user efficiency (time to add products reduced)

  3. Increased overall customer satisfaction due to streamlined workflow

  4. Improved customer retention, contributing to strategic goals of enhancing Customer Experience, Total Payment Volume, and Monthly Recurring Revenue.

Portfolio review outcome slide summarizing increased TPV and customer retention, product substitutions, and lower operating costs.
Portfolio review slide titled “Unexpected Impact on the Business,” describing a new credit business providing short-term loans to cannabis companies.
Dark portfolio review slide titled “Next Steps” listing five design projects: Onboarding Auto Catalog, Assistant App, Product Landing Page 2.0, Category Intermediary Page, and Cart and Approvals.

Impact & Results

The importance of continuous discovery became clear—regular user check-ins prevented wasted effort and allowed early validation. More frequent cross-team alignment meetings would further expedite iteration

Wins:

  1. P0: Developing an onboarding automation catalog and an assistant application to further enhance usability.

  2. P1: Enhancing the Product Landing Page to version 2.0, creating a Category Intermediary Page, and refining the Cart and Approvals processes to deliver a more cohesive and streamlined customer experience.

High Fidelity Mocks

  • iMac displaying a Figma Zest Design System color palette and design tokens, with a colorful gradient background
  • Portfolio review board showing e-commerce search results page designs and product card style variations.
  • Portfolio review showing six e-commerce search results page mockups for mid-level information and hybrid search, featuring product grids.
  • Portfolio review slide titled “Hi-Fi Mocks: Search,” showing an e-commerce search results interface with buy-again products, product rankings, and annotations about reordering and substitutions.
  • Portfolio review slide showing a Hi-Fi Mocks product details page for an iPhone 13 case, with annotations highlighting e-commerce patterns, vendor comparison, and automated catalog information.
  • Portfolio review slide titled “Hi-Fi Mocks: Product Details,” showing a purchase history table, product comparison cards, and annotations highlighting retained purchase history, comparison features, and customer-focused data axes.