Aqib Shayk

TRANSACTION HUB / DEALTRU

Every deal.
Moving together.

A shared workspace for the people,
documents, and decisions behind a transaction.

PRODUCT DESIGN STUDY
DESKTOP WEB EXPERIENCE
DEALTRUClarity across the transaction.
01 / The transaction overview
01 / The transaction overview
DealTru dashboard with transaction status, activity logs, and milestones

The design challenge

A deal moves through many hands. The context should move with it.

Transaction Hub, branded DealTru in these designs, brings transaction activity into a shared workspace. The interface connects progress, responsibilities, documents, and conversations so that each person can understand the work around a deal.

The business reasoning

From a collection of tasks to a shared deal context.

Problem

A transaction combines participants, deadlines, checklist items, documents, and decisions. The design challenge was to keep those relationships understandable as people move between the overview, a deal room, and individual tasks.

Why it mattered

A document is useful only when its purpose and next action are clear. Disconnected task and document context can create follow-up work, unclear ownership, and overlooked dependencies—risks that matter when several people share a deadline.

Design decision

I organized the experience around a persistent deal workspace. Checklists expose status and due dates, task details connect supporting exhibits, and the working group and activity history remain part of the transaction context. Review states make the requested change and approval action explicit.

Design outcome

The design creates a traceable route from transaction status to the task, its evidence, and the decision it needs. Responsibilities and progress have visible places in the interface rather than relying on conversation alone. This supports clearer coordination; fewer follow-ups and shorter completion times have not been measured.

01

Make progress visible

Status, dates, and activity make the current state easier to scan.

02

Connect the evidence

Documents and exhibits stay connected to the work they support.

03

Clarify participation

Rooms, responsibility, and visibility controls give collaboration a structure.

01 / Find the work

A clear way
back into a deal.

The overview summarizes the portfolio of transactions. The list adds search, status filters, transaction type, and dates when someone needs to find a specific record.

My Transactions / search and status
My Transactions / search and status
Transaction listing with search, pending and completed filters, and update dates

02 / Set the context

A focused beginning.
A structured workspace.

Start with the deal and the role.

A transaction name, type, and participant role establish the context before the working space opens. The form distinguishes a party to the transaction from an advisor.

Define the transaction
Define the transaction
Start with the deal and the role.

03 / The deal room

One place to pick up the thread.

The deal room combines the working group with an activity history, checklist, milestones, and documents. Persistent transaction navigation keeps these related areas one step away while retaining the same deal context.

Deal Room / activity, checklist, milestones, and documents
Deal Room / activity, checklist, milestones, and documents
Full deal room with its activity history, tasks, milestones, and document cards
The workspace holds the context.

Activity records what changed. The working group shows who is involved. The sections below organize what happens next.

04 / Move the work forward

Turn a shared objective into visible responsibilities.

Checklists bring together the item, due date, visibility, and status. Opening an item reveals its notes, responsible people, and supporting documents. Milestone filters help narrow the next set of decisions.

Checklist / the work in view
Checklist / the work in view
Checklist with suggested items, status filters, due dates, and visible participants

Know what needs attention.

Suggested items provide a starting point; the list makes current work scannable.

Milestones / find the next deadline
Milestones / find the next deadline
Milestone filters for name, start date, end date, visibility, and status

Find the relevant deadline.

Focused filters bring the appropriate milestones into view.

Inside an item

Responsibility
has a home.

The detail view keeps notes, assigned people, and documents together. It connects an action to the people and information needed to complete it.

Checklist detail / responsibility and evidence
Checklist detail / responsibility and evidence
Checklist item with notes, responsible people, and supporting document cards

05 / Documents & data rooms

The document is only
part of the story.

Versions, exhibits, visibility, and activity explain what surrounds a file. Expandable rows let that detail appear when it is needed.

Documents / versions and exhibits
Documents / versions and exhibits
Document library with nested versions, exhibits, visibility, uploader, and activity
Document detail / linked exhibits
Document detail / linked exhibits
Document detail with notes and expandable exhibit and version cards

Keep related evidence connected.

The detail view groups notes, versions, and exhibits around the document.

Data Rooms / organized access
Data Rooms / organized access
Data room cards with creators and participating members

Give shared material a structure.

Named rooms and visible membership establish the collaboration context.

06 / People & decisions

Bring the conversation closer to the work.

Private and group conversations share the product’s navigation and visual language. Separate review states make requests explicit, showing the proposed change alongside the people responsible for approving it.

Chat / private and group conversations
Chat / private and group conversations
Chat interface with contact list, private and group tabs, messages, and composer

A familiar place to communicate.

Conversation lists and message threads distinguish discovery from discussion.

Request review / compare and decide
Request review / compare and decide
Request review modal comparing milestone names with administrator approval states

Make the decision explicit.

Comparison, reviewer status, and separate approval actions frame the request.

The design thread

Consistent structure.
Connected work.

Across the exported screens, a consistent sidebar, transaction navigation, activity column, and violet action language provide continuity. The detail changes; the surrounding structure stays recognizable.

This case study analyzes the supplied design exports. Names, counts, and content inside the screens are sample UI data. Research findings, usability results, and business impact are not claimed.

Explore the Figma design ↗

YOUR NEXT PRODUCT

Make the work
easier to follow.

I design interfaces that make complex workflows easier to understand. Let’s talk about the product you’re building.

Let’s work together
Next case study / TAPSPeople. Items. Places.

Have something in mind?

Let’s build
something clear.

Have a product to improve or a design role to discuss? Tell me about your team and what you need.

Your details are used to respond to your enquiry. FormSubmit handles delivery.

Prefer email? Hi@aqibshayk.com ↗