Transforming Order Management Web App: UX Research & Design to Eliminate 32-Window Workflows → 8x System Availability

Company: Juniper Networks

Project Summary

From research to motion design, I transformed the tool from requiring visual search to providing intelligent assistance, skyrocketing productivity.

Responsibilities

  • 5 qualitative research studies
  • Product strategy
  • Experience Design
  • Prototypes
  • UX specifications
  • Pixel-perfect components with motion design

Timeline & Team

16 weeks from kickoff to release with Product Owner, 6 users, & 4 developers across 10 time zones.

Results

🚀  Immediate 800% system availability. Enhanced search with intelligent assistance. Reduced task times & cognitive load.

Existing Workflow: Users had to search through up to 32 windows

OST existing 20 window workstate w frame v1 1920

Optimized Workflow: App collects, compares, and delivers the relevant information to users.

OST new workstate w frame v1 dates redacted 1920 zoomed to 3x bigger zoombox contents up, composited

COMPANY OVERVIEW

Juniper Networks was a global leader in the networking industry, providing routers, switches, management software, security products, & software-defined networking technology.

Juniper Networks logo + racks
Juniper Networks – HPE

PRODUCT OVERVIEW

The Order Status Tool (OST) was a critical internal app used worldwide by Order Management, Sales, Finance, Customer Support, Manufacturing, external partners, and some customers to track and troubleshoot orders.

The Order Management team fielded everyone’s questions:

  • How was an order doing?
  • What has shipped?
  • When will things ship?
  • If anything is wrong, what’s wrong, and how can they clear it?

Existing Workflow: Too many windows

OST cv2v3 slide 02 Existing workflow too many windows nobg 1920

THE PROBLEM

Users faced visual searches of 32 windows per inquiry, frequent crashes, and access rationed to 1 hour per person per day

number label 1 32
number label 2 32
number label 3 32
losing money financial line 000 blue circle 100

32 windows per inquiry: 4 orders Ă— 8 pages each.

Daily crashes: Broad queries overwhelmed back end

1-hour scheduled access per person per day: 12.5% availability (86% capacity loss)

Business impact: Stalled inquiries, limited customer support, frustrated users

OST cv2v3 slide 03 The Problem trimmed nobg 1920

IMPACT PREVIEW

Transforming the OST’s UX skyrocketed users’ productivity: 32 windows → 1, 1 hour access → all-day productivity, daily crashes → zero

800%

32 → 1

Faster

0

"...gives me just what I need"

System Availability

Windows

Task & Resolution Times

System Crashes

User testimonial

STRATEGIC DECISIONS

We set the stage for our success with three strategic decisions: early UX, leveraging time zone differences, and expanding my front-end skills.

graduation cap from Powerpoint 424242 100
Integrated UX early and throughout
  • For requirements and strategy, not just design.
time zone globe line 424242 100
Leveraged time zones
  • Asynchronous collaboration with Belarus team 10 time zones away accelerated feedback
tools 424242 100
Expanded my toolkit
  • HTML/CSS/animation eliminated front-end bottleneck

DISCOVERY & RESEARCH

I conducted 5 qualitative studies, revealing users' unsustainable workarounds and the problems’ root causes.

search circle 100

OST Training & Heuristic Analysis

video camera circle 100

Watch 6 remote users work + Interview them

diary solid circle 100

Diary study: 1 month, 6 remote users

microphone-circle-100

Stakeholder Interviews: 1 PO, 1 Lead Engineer, & more

PRODUCT STRATEGY

Research revealed the path forward: shift from “users hunt for information” to “system delivers information proactively”

target solid v2 424242 blue circle 100

Transform the tool from visual search interface to intelligent assistant

target solid v2 424242 blue circle 100

Deliver information proactively in search results

target solid v2 424242 blue circle 100

Narrow default query to prevent crashes

target solid v2 424242 blue circle 100

Build logic into system to identify what users need

THE SOLUTION: WORKFLOW TRANSFORMATION

In the new workflow, users search once, information is delivered proactively, and most inquiries are answered in a single window

OST cv2v3 slide 08 Solution Workflow Transformation steps 1-3 nobg 1920×771
number label 4 32

Critical information from one to multiple orders delivered and available for comparison, all within the context of the search results and all in a single window

OST new workstate w frame v1 1920 w calm man maxed

INNOVATION: THE ZOOMBOX COMPONENT

The “zoombox” component delivered deep order details inline—eliminating 5-8 windows per order

Codified user judgment rules into system logic to deliver the right information. Pixel-perfect and motion design for zoombox and micro-interactions.
OST cv2v3 slide 09 Innovation Zoombox nobg 1920

BUSINESS IMPACT

From crisis to productivity: 8x availability, zero crashes, and transformed user behavior

8x

32 → 1

Faster

100%

Users use system at will

System availability

Windows

Task & resolution times

Crashes eliminated

No more rationed access

USER IMPACT & VALIDATION

User feedback and behavior changes validated the transformation

Man at computer looking right, calm bw nobg – generated by Perplexity

"[The new design] gives me just what I need"

User feedback via email

target circle 119

System became "the tool we rely on" vs. "the tool we avoid"

LESSONS & SCALED IMPACT

Key lessons: Ask 'why,' invest in research early, and expand your toolkit strategically

graduation cap from Powerpoint 424242 100
What I Learned
  • "Why did you schedule this time?" reframed the entire problem from UI improvement to system redesign design.
  • Qualitative research let me reframe how stakeholders understood the problem
  • Learning more HTML/CSS eliminated a bottleneck and ensured design quality
idea light bulb from Powerpoint 424242 white bulb nobg 100
What I’d Do Differently
  • Involve UX even earlier in project planning
  • Advocate for research budget upfront to catch architectural constraints before Engineering commits
impact 424242 nobg 100
Scaled Impact

Design System Contributions

  • Zoombox and other components adopted across other internal tools
  • Abstract modeling added to standard playbook for complex redesigns
  • Established precedent for research-driven UX at Juniper

Organizational Impact

  • Demonstrated UX's strategic value from requirements gathering onward
  • Changed how teams approach enterprise tool redesigns


FINAL SUMMARY

Transformation enabled by deep user research, systems thinking, cross-functional collaboration, and focusing on users’ whys

OST cv2v3 slide 13 Final Statement existing-new transformation nobg 1920

"Our project was a success, and Edwin's expertise was invaluable. The application is still in use at Juniper [two years later], and is heralded as one of the most frequently used and relied-upon tools across Sales, Finance, Order Management, and Operations groups. I would highly recommend Edwin for any project!"

svg-image

Product Owner, Deanna Walls

Selected Works

Transforming Order Management Web App: UX Research & Design to Eliminate 32-Window Workflows → 8x System AvailabilityUX Research, UX Design, Product Design, UX Strategy, Low Fidelity Prototypes, High Fidelity Prototypes, Interactive Prototypes, Visual Design, Web Application

Research & UX Strategy to Expand Market: Order Data Center Network Port via Web, 45 Days → <24 Hours, 187% RevenueUX Design, Product Design, UX Strategy, Product Strategy, Low Fidelity Prototypes, High Fidelity Prototypes, Interactive Prototypes, Visual Design, Web Application

Design Processes, Artifacts, and Work StyleUX design, UX research, UX process, UX artifacts, Sketches, Maps, flows, and models, Low fidelity, High fidelity, Interactive prototypes

Pandora App: Driving ModeMobile, High Fidelity, Interactive Prototype, Demo Video, Personal Project