top of page

AI Document Extraction

ux case study

Simplifying a complex AI workflow to improve clarity and reduce drop-off across the setup journey.

The Problem-

A powerful tool that no one finished setting up.

The original product, "Setup Policy", offered remarkable AI capability — but the interface spoke a language only engineers understood.

Users were asked to define "Referenced Objects", "Validation Conditions", and "Post-Completed Functions" before they could process a single document. Dense forms, technical labels, and no guidance led to a 47% drop-off before the first document was extracted.

MY
ROLE

Timeline:

14 weeks

Team

2 PMs · 4 Engineers

Platform

Web · B2B SaaS

Role:
Lead UX/Product Designer & Product manager

Responsibilities:
- UX research
- Wireframing
- User flows
- Prototyping
- UI design
- Collaboration with engineers

- Collaboration with the client

Old Version

02 · The Goal

Make the complex feel obvious.

Improve clarity across the five-step setup so first-time users could extract their first document without help.

Data Extraction Wizard Design.png

“What users struggled with”

“I don’t understand what this step does”

AMIR/ JBUILDING ENGENEER

“I’m afraid I’ll break something, I don't know which option to choose to create new rule”

ADAM / BUILDING ENGENEER 

03 · Process
 

From research to ship in four phases.


A focused, sequential process. Each phase fed evidence into the next.

Step 01
 

User Interviews

14 sessions with operations leads, analysts, and admins.

Step 02

UX Flows

Mapped the five-step journey and isolated friction points.

Step 03
 

Wireframes

Lo-fi explorations to test structure before visual design.

Step 04
 

Design

High-fidelity system, prototyped and validated with users.

Key Insight

The product wasn't broken. The language was.

------------  Synthesis from 14 user interviews

04 · Design Approach\

Three principles guided every screen.

  • 01

    Plain language first

    Replaced jargon with verbs users actually said in interviews.

  • 02

    A guide on every step

    Added DocBot — an embedded AI assistant that explains each screen contextually.

  • 03

    One job per screen

    Each step has a single primary action and a clear exit.

Data Extraction Wizard Design4.png

:

User Flow
 

Upload → Define Fields → Add Knowledge → Validate → Export

THE FLOW

purple1.png

04b · Explored direction
One direction we explored — and shelved.

Early in the visual phase we explored a bolder, purple-led aesthetic with a heavier sidebar and large illustrated assistants. It tested well visually, but stakeholders felt it pulled focus away from the documents themselves. We pivoted to the calmer blue system that shipped.

Not shipped — kept for reference
and as evidence of the
visual decision.

05 · Before & After

Same workflow. Less weight.

Three pairings showing the original Setup Policy wizard alongside the redesigned DocExtract flow.

Pairing 1 · The setup wizard

Screenshot 2026-05-11 at 9.33.54.png
Data Extraction Wizard Design.png

Pairing 2 · Defining validation rules

Screenshot 2026-05-11 at 9.47.28.png

Pairing 3 · In-product guidance

Screenshot 2026-05-11 at 9.47.28.png
Data Extraction Wizard Design7.png

no More options or additional guidance

"More Options"
with DocBotGrouped settings on the left, DocBot integrated into every screen on the right.

Small Running Title

06 · Solution
 

A guided system that

explains itself.

We rebuilt the setup around a conversational structure: ask, confirm, generate.

DocBot — the embedded AI guide — provides plain-English summaries on every step, with deep technical details one click away. Users see what's happening, and why.

07 · Outcome
 

Real impact across the funnel.

Measured 60 days post-launch against the previous quarter's baseline.

- 61%

Reduced onboarding confusion

+70%

Faster setup completion

- 40%

Reduced support dependency

+50%

Improved adoption by additional companies

08 · Business Impact

From pilot tool to

scalable product.

The redesign turned a powerful but niche system into something that could be adopted without a hand-holding sales cycle.

Reduced setup friction unlocked self-serve growth. The team now ships changes confidently, knowing the design language scales with the product.

Let's talk

Let's make your product

easier to understand.

Usually reply within a day

bottom of page