ContractWorkds Premium Redesign

Next phase in integration: Aligning experience and design systems for AxDraft and ContractWorks

My Role

Product Designer

Tools

Figma, Aha, Jira

Timeline

2025

Overview

As part of the next phase of integrating ContractWorks and Axdraft, two standalone legal software applications, into a unified platform, I was responsible for the UI and UX redesign across key workflows and pages. This phase focused on aligning the experience, improving usability, and ensuring design consistency throughout the integrated product.

The Problem


The Goal

To support a smooth and scalable integration, we approached the redesign incrementally—updating the UI and UX one workflow or section at a time. The overarching goal was to transition all of Axdraft's interface to align with ContractWorks’ design system, creating a cohesive, unified experience across the integrated product.

Design Process

As the sole designer on this project, I was responsible for leading all aspects of the design work—from early exploration to final handoff. I worked closely with the development team throughout the process to ensure smooth collaboration, clarify edge cases, and manage all design deliverables. This close partnership allowed us to move efficiently while maintaining a high level of quality and consistency. The process was broken down into the following phases:

1.
Audit & Discovery

I conducted a full audit of Axdraft's existing UI, mapped it to ContractWorks' design system, and identified usability pain points through data analysis and stakeholder interviews.

2.
Workflow Prioritization

Adopted an iterative approach, redesigning one section at a time based on usage data, business impact, and technical feasibility.

3.
Wireframing & Design Exploration

Created low- and mid-fidelity wireframes to explore layouts and validate ideas with stakeholders and engineers before finalizing visuals.

4.
Visual Design & Component Mapping

Applied ContractWorks' design system, replaced outdated elements, and designed new components where needed for scalable, consistent UI.

5.
Developer Handoff & QA

Provided detailed specs in Figma, collaborated on implementation, and led design QA to ensure alignment with the design vision.

These examples highlight how major UI and workflow updates were documented during the redesign process:

High-level design changes

High-level design changes

High-level design changes

Outcomes & Learnings

This was an end-to-end project that I owned as the sole designer—from initial discovery and workflow mapping to visual design and developer handoff. At this stage, the updated designs are in development and QA. Since the changes have not yet been released to production, usage metrics and performance data are still pending. Based on usability testing and stakeholder feedback, we expect the redesign to improve task clarity, reduce user friction, and create a more consistent experience across the integrated product.