Real-time contract

collaboration

Real-time contract

collaboration

B2B

PRODUCT DESIGN

CROSS-PLATFORM

0→1

Reduced contract collaboration time by 29% and increased product stickiness

Real-time contract

collaboration

B2B

PRODUCT DESIGN

CROSS-PLATFORM

0→1

Reduced contract collaboration time by 29% and increased product stickiness

DOMAIN

Contract collaboration

TIMELINE

Q2 2024-Q1 2025

ROLE

Lead designer

TEAM

Lead Product DesignerLead designer
+6

CONTEXT

Oneflow is a contract platform for B2B teams. Users drafted and signed contracts inside Oneflow but switched to Google Docs, Word, or email to propose edits, causing version drift and slow collaboration.

PROBLEM

Research:

  • Conducted and analyzed 10+ customer interviews + support tickets.

  • Feedback scattered across channels, causing version drift.

Root causes:

  • No native way to propose edits inside Oneflow

  • Teams used Google Docs/Word for reviews

FRAGMENTED WORKFLOW

4 days

slower review cycle

Why it matters:

Fragmented collaboration + slow review cycles.

MY APPROACH

01

Mapped flows

Mapped collaboration flows to identify friction points

02

Inline Suggestions

Designed inline Suggestions cross-platform

03

Bulk notifications

Created bulk notifications system to reduce noise and group relevant updates

04

Onboarding flows

Tested and iterated on 4 versions with enterprise users based on the onboarding flow data

RESULTS AND IMPACT

35%

Feature adoption

3 months post-launch across 5k+ enterprise users

32%

Mobile engagement

Mobile collaboration increased with higher completion rates

50%

Reduced response time

3 → 1.5 day average response to collaboration requests

THE PROCESS

WORKING WITH CONSTRAINTS

No "suggestion mode" possible

I faced one major constraint that shaped my design decisions:

  1. Our architecture didn’t support suggestion-layer. A “true” Suggestion mode wasn’t technically feasible with our system.

IMPACT: Spending months reinventing a "true" Suggestions mode was in no way sustainable, nor scalable. We risked to lose the UK customers for whom the feature was a deal breaker.

KEY DESIGN CHALLENGES

When prototyping the solution, I iterated, testing, and analyzed user feedback. I identified and solved three critical usability issues in the solution that were blocking successful collaboration:

Mobile toolbar blocker

On mobile devices, our floating toolbar was completely inaccessible.

IMPACT: 95% mobile session abandonment rate.

Action hierarchy confusion

8 out of 10 users clicked "Resolve" thinking it would close their suggestion. Instead, it marked feedback as resolved and removed it from view.

IMPACT: 80% incomplete collaboration review sessions.

Notification overload

Initial system sent emails for every single suggestion, resulting in important notifications being spammed or ignored.

IMPACT: 3.2 days average response time.

The mobile toolbar disaster

This was a known issue. On mobile devices, our floating toolbar was completely inaccessible on mobile. Users couldn't access suggestion tools, forcing them to switch devices or delay reviews.

Impact: 95% mobile session abandonment rate.

DESIGN SOLUTIONS

After rounds validation, here's what I delivered:

Mobile-first workflow

I redesigned the floating approach entirely, collaborating with engineering to create a sliding toolbar and reusable drawer component that works seamlessly across mobile devices.

RESULT: Research showed 30% of contract reviews happened on mobile (often during commutes) making mobile optimization critical.

Contextual action system

I redesigned with two-step confirmation: click three-dot menu to reveal options, then choose "Accept" or "Reject".

RESULT: User testing revealed that workflow clarity was more important than UI simplicity reducing cognitive load increased completion rates by 32%.

Smart notification system

We implemented batched notifications with 7-minute intervals, grouping multiple suggestions into digestible updates that reduced email volume by 78%.

RESULT: Users received fewer, more meaningful notifications about contract changes.

“The new suggestion flow has changed how we work with external counsel. Instead of version chaos over email, we now have a single source of truth with tracked changes.”

Customer in a support call

Design system components

I created reusable components to ensure consistency across the collaboration experience, including notification patterns, action states, and mobile-responsive layouts that became foundational for future product development.

LEARNINGS AND REFLECTIONS

Didn't work

  • Many enterprise accounts had Suggestions disabled by default, hurting early discoverability.

Surprised me

  • Users instantly understood Suggestions once they saw one: no learning curve

Would do differently

  • Address legacy templates and default states earlier

  • Validate mobile interactions sooner

Designed and built by me

Designed and built by me

Create a free website with Framer, the website builder loved by startups, designers and agencies.