B2B SaaS · Web App2024 · 18 weeks

FiatSign

End-to-end product design for a B2B contract management platform — from company onboarding to a visual workflow automation builder.

B2B SaaSWeb AppEnd-to-end DesignWorkflow Automation428 Screens

Role

Senior Product Designer

Client

Orcalo Holdings

Duration

18 weeks

Tools

Figma, FigJam, Notion, Maze, Zeplin

app.fiatsign.co.uk

Onboarding
428
Screens designed
8
Core modules
1
Review cycle
4.9/5
Client satisfaction

Overview

FiatSign is a B2B digital signature and contract management platform built for Orcalo Holdings — designed to give SMBs and enterprise legal teams a powerful, legally-binding alternative to DocuSign. I was the sole product designer, taking FiatSign from concept to a complete 428-screen web application covering onboarding, document management, template builder, workflow automation, team management, and notification systems.

The Problem

Legal and compliance teams at mid-market companies were juggling DocuSign for signatures, email for negotiations, and spreadsheets for tracking — three tools doing one job badly. FiatSign needed to consolidate the entire contract lifecycle into one platform without the complexity or cost of enterprise alternatives.

The Goal

Design a complete contract management web app that feels as polished as DocuSign, reduces time-to-signature to under 2 minutes for standard contracts, and gives compliance teams full visibility across every document, team member, and automation.

Product Scope

8 modules. 428 screens.

Every feature, flow, and edge case — designed end-to-end for a complete contract management platform.

🚀

Onboarding

3-question company setup with industry & team size selection

🔐

Authentication

Google, Microsoft & email login with forgot password flow

📄

Documents

Full document list with status tracking (Draft, Pending, Signed)

📋

Templates

Reusable contract templates with custom data fields

Automations

Visual When/Then workflow builder with event triggers

👥

Contacts

Company & private contacts with auto-fill for contracts

🏢

Team Management

Seat-based team with Owner, Member, Viewer roles

🔔

Notifications

Granular email & in-app notification preferences per category

Design Screens

Key interfaces

Real screens from the final design — every state designed for clarity and compliance confidence.

app.fiatsign.co.uk
Company Onboarding

Company Onboarding

app.fiatsign.co.uk
Login Screen

Login Screen

app.fiatsign.co.uk
My Automations

My Automations

app.fiatsign.co.uk
Automation Builder

Automation Builder

app.fiatsign.co.uk
Contact Management

Contact Management

app.fiatsign.co.uk
Team Management

Team Management

app.fiatsign.co.uk
Send for Signature

Send for Signature

app.fiatsign.co.uk
Notification Settings

Notification Settings

Design Process

How I approached it

01

Competitive Research

Deep-dive audit of DocuSign, HelloSign, PandaDoc, and Adobe Sign. Mapped 60+ feature interactions, identified 8 UX patterns that competitors consistently got wrong, and defined FiatSign's 3 core differentiation opportunities: smarter onboarding, visual automation builder, and team-level permissions.

UX teardown of 4 competitors
Feature gap analysis
Enterprise buyer journey mapping
Compliance workflow research
02

Information Architecture

Designed a sidebar-driven IA with 8 core sections: Documents, Templates, Automations, Contacts, Team, Integrations, Settings, and Notifications. Validated through tree testing with 20 legal professionals — the final structure reduced average navigation depth by 40%.

Tree testing (20 legal professionals)
8-section sidebar IA
Role-based permission mapping
Cross-module data flow diagrams
03

Design & Prototyping

Built a complete design system using FiatSign's teal brand identity (#0d4a43). Designed 428 screens across all modules — from a 3-step company onboarding to a visual When/Then automation builder. Every state, error, empty, and success condition covered.

428 screens across 8 modules
Teal brand design system
Visual automation builder (When/Then)
Responsive web layouts
04

Testing & Handoff

Conducted usability testing with 16 participants across SMB and enterprise segments. Iterated on the automation builder flow, contact management modal, and notification preferences. Delivered a fully annotated Figma handoff with all component specs.

Usability testing (16 participants)
Automation builder iteration
Annotated Figma component handoff
QA review cycles with engineering

Research Findings

Key insights

1

The 3-question company onboarding (company name, team size, industry) set the right expectation and reduced drop-off by 34% compared to longer sign-up flows tested in research.

2

The visual When/Then automation builder was the standout differentiator — users described it as 'what DocuSign should have built' in post-test interviews.

3

Contacts needed to be split into Company and Private types — compliance teams managed hundreds of legal reps and couldn't afford to mix personal and corporate contacts.

4

Notification preferences were critically important to enterprise users — granular toggle control per notification type (Contracts, Tasks, Automations, Folders) prevented alert fatigue.

Outcome

The result

FiatSign launched as a complete contract management platform with 428 screens, a full design system, and a visual automation engine. The clean teal-and-white design language positioned it as a credible DocuSign alternative. Orcalo Holdings approved the full design in a single review cycle with zero redesign requests.

428
Screens designed
8
Core modules
1
Review cycle
4.9/5
Client satisfaction