SaaS Product • e-Signature & LegalTech Back to Projects

e-Signature Dashboard Redesign (Clover)

A high-performance B2B SaaS dashboard engineered to streamline multi-party contract signing, step-by-step approval routing, and legal compliance. Owned end-to-end UX/UI architecture in tight collaboration with product managers, frontend engineers, and legal compliance leads (ESIGN & eIDAS standards).

Client Clover Technologies
Timeline 8 Weeks
Role
Lead Product & UI/UX Designer Owned UX/UI; partnered with PM & Eng on logic
Deliverables Web App • Design System • iOS App
Clover Document Dashboard Redesign

Goal

Our primary goal was to design a unified, high-fidelity e-signature and document management dashboard. We aimed to eliminate friction in document creation, structure intuitive navigation sidebar menus, and provide seamless e-sign verification.

Challenge

Enterprise teams face severe friction due to fragmented workflows when creating, tracking, and signing documents. Standard solutions split critical features across multiple disconnected platforms, leading to user drop-off and delayed signature turnarounds.

Outcome

By refining the user experience and introducing global command search, automated workflow trackers, and modular SaaS app integrations, we cut signature turnaround time by 42% and reduced onboarding churn by 30%.

Before vs After

Before Redesign (Baseline)

Fragmented Tools & Manual PDFs

Teams relied on external PDF editors, manual email attachments, and untracked sign-offs — averaging 3–4 days turnaround with high signer drop-off.

Turnaround Friction 3–4 Days per Doc
After Redesign (Clover)

1 Unified SaaS Workspace

Drag-and-drop document editor, 1-tap mobile signing, and automated cryptographic audit trails — turnaround reduced to under 24 hours.

Operational Gain 42% Faster Turnaround
-42% Turnaround Time
-30% Onboarding Churn
4.9 / 5 User Satisfaction

*Estimated efficiency gains benchmarked against pre-redesign baseline workflows and validated across 24 enterprise benchmark respondents.

Project timeline
Week 1 Week 2 Week 3 Week 4 Week 5 Week 6 Week 7 Week 8
Discovery interviews & Competitor research
Branding Materials
Designing flows
Moderated and Unmoderated tests
Handover
1 /
Audit & Flows

Understanding the Document Lifecycle

First, we focused on understanding the product's broader context. We mapped out complete user journeys including authentication password recovery wizards, workspace onboarding steps, upload progress states, and e-signing workflows.

UX Research & Affinity Mapping

Clover UX Research Affinity Mapping

User Personas & Empathy Archetypes

01 • Legal & Compliance Operator
Persona 01 Marcus Vance
02 • High-Velocity Enterprise Closer
Persona 02 Elena Rostova
03 • External Executive Signatory (End-User)
Persona 03 David Sterling
04 • People & HR Operations Specialist
Persona 04 Priya Patel

Master Document Lifecycle & E-Signature Logic Flow

Clover Master Unified System Logic Flow
Deep-Dive Logic 4 Dedicated User Journeys

Explore Modular Logic Flows & Signer Routing

Authoring, signatory dispatch, 1-tap mobile signing, and cryptographic audit trail sync.

2 /
Architecture

Designing a Unified Application Shell

We structured a clear navigation hierarchy featuring workspace switchers, command-K search, metrics overview cards, filter drawers, and slide-over details panels.

We engineered a detailed document editing workspace, standardizing left page thumbnails, right block components (TOC, images, tables), and field insertion tools.

Simultaneously, we prioritized integrating cloud storage connections (Dropbox, Google Drive, Zoom) to harmonize functionalities and enhance user experience.

This phase included:

Moodboards
Look & Feel
Concepts
Information Architecture
Hi-fi Wireframe

SaaS CRM & Core Platform IA

SaaS CRM Information Architecture
3 /
Editor & UI

Highlights & Feature System

Engineered an intuitive drag-and-drop document editor with e-sign verification modals (draw, type, or upload signature).
Integrated global command search (⌘K) for instant access to recent documents, templates, and contacts.
Created a contacts directory with slide-over drawers for tracking recipient activity and document history.

Research & Usability Benchmark Report

We conducted structured usability benchmarks across 24 enterprise respondents, measuring task completion rates for document creation, signature placement, and audit tracking.

Usability Benchmark Matrix

Clover Quantitative Research & Usability Benchmark Report

Core High-Fidelity UI Screens

01 • Dashboard Home Overview
Clover Dashboard Home Overview
02 • Command-K Global Search
Clover Command Search UI
03 • Document Editor Canvas
Clover Document Editor Canvas
04 • E-Signature Verification Modal
Clover E-Signature Modal
05 • Template Community Gallery
Clover Template Community Gallery
06 • Real-Time Document Inbox
Clover Document Inbox
07 • Contacts Management Directory
Clover Contacts Management
08 • Recipient Activity & Audit Drawer
Clover Contact Detail Drawer

Responsive Mobile Experience

Smooth & Simple 375px Mobile Viewports for Authentication & Onboarding

Mobile-First Architecture
01 • Sign In (Empty)
Mobile Sign In Empty State
02 • Sign In (Filled)
Mobile Sign In Filled State
03 • Sign Up (Empty)
Mobile Sign Up Empty State
04 • Sign Up (Filled)
Mobile Sign Up Filled State

Document Creation & Template Selection Workspace

Clover Document Creation Flow
4 /
The Outcome

Smart Tech, Strategic UX & Measurable Impact

By transforming legacy, fragmented document workflows into a unified, high-performance web experience, we eliminated operational friction for both enterprise creators and mobile signing recipients.

Usability validation across 24 enterprise respondents confirmed massive gains in signature completion velocity, template adoption, and workspace organization.

Turnaround Time

-42%

Cut average contract turnaround from 3.2 days down to under 24 hours via 1-tap mobile e-sign and automated reminder triggers.

Onboarding Churn

-30%

Reduced document setup friction with drag-and-drop fields, cutting signee drop-off during initial workspace onboarding.

User Satisfaction

4.9 / 5

Achieved 4.9 / 5 CSAT score with a 99.4% benchmark task completion rate across 24 enterprise test participants.

Core Design Deliverables

  • Figma Design Tokens & Component Kit: Scalable typography, auto-layout library, and WCAG AAA colors.
  • Drag-and-Drop Document Editor: Modular block canvas with left page thumbnails and right field inspector.
  • 14+ High-Fidelity UI Screens: Full responsive specs for Desktop (1440px) and Mobile (375px).
  • Interactive Prototypes: End-to-end signing flows and template creation micro-interactions.

Business & Strategic Impact

  • Enterprise-Grade Security & Audit Trail: Complete tamper-proof activity logs and certificate of completion.
  • 1-Click Cloud Ecosystem Sync: Native OAuth integrations with Google Drive, Dropbox, and Zoom.
  • 40% Drop in Support Inquiries: Intuitive wizard onboarding resolved confusion around signature verification.
  • Unified Cross-Device Experience: Seamless parity between enterprise desktop dashboards and mobile recipients.

Tablet & Touchscreen Document Workspace

Clover Tablet & Touchscreen Workspace

Mobile Handheld Signing Experience

Clover Mobile Handheld Signing Experience

Anna Zimenkova

VP of Product & Legal Operations

"The new e-signature dashboard transformed our document workflow. Our team cut signature turnaround times almost in half while providing an intuitive, seamless experience for our clients."

Portfolio Showcase

Explore Other Projects

View All Projects
Hospital Brand Identity
Brand Identity

Hospital Brand Identity

Illustrator Branding
View Case Study
Oppo Brand Design
Consumer Tech, Brand Identity

Oppo Brand Design

Photoshop Branding
View Case Study