Blog/Client Portal Guide

How to Build a Client Portal, Part 1: Plan the Workflow

Prepare a client portal build by mapping the user journey, roles, permissions, data, pages, workflow rules, edge cases, and acceptance criteria.

Author: Vivien Yao · Co-founder of Component.app | Ex-Journalist | Ex-Director at F500

· 8 min read

Before building a client portal, map one complete client journey. Define every user, what each role can see and do, the records the portal needs, the pages clients and staff require, and the rules that move work forward. The result should be a concise build brief with testable acceptance criteria—not a long feature wish list.

01 · Start with clarity

What Should Be Decided Before a Client Portal Is Built?

A client portal is not simply a collection of pages behind a login. It is a shared workflow: clients take actions, records change, team members respond, and permissions decide who can see the result. Starting with screen ideas usually hides the decisions that make the portal useful.

01

Map

Choose one client journey from trigger to completion.

02

Define

Name the users, roles, records, actions and permissions.

03

Specify

Turn the workflow into pages, rules and system states.

04

Prove

Write acceptance criteria that a real user can test.

The planning test

A build is ready when you can explain who does what, to which record, under which permission, and what should happen next. If the answer depends on “the team will know,” the workflow still needs work.

02 · Step 1

What should you know about map One Complete Client Journey?

Start with one bounded journey rather than the whole client relationship. An accounting firm might begin with monthly document collection. A design agency might begin with concept review and approval. A contractor might begin with variation approval. A narrow journey exposes real handoffs without turning the first version into a multi-year system project.

portal.yourcompany.com

Monthly request

August document collection

Action needed
2 of 4 complete

Request opened

Checklist and due date shared with the client.

Files submitted

Uploaded records are ready for review.

!

Action needed

One document needs to be replaced.

Request complete

Final records remain available in the portal.

Next action

Replace one document

The client sees the review note and uploads a corrected file here.

Due date

Friday, 8 August

Some questions to start with

  • Trigger: What creates the client portal request or project?
  • Next action: What should the client understand immediately after login?
  • Finish: What event proves the journey is complete?
  • Exception: Who takes over when information is missing or incorrect?

03 · Step 2

What should you know about define Users, Roles and Permissions?

Avoid designing around only “client” and “admin.” Real portals include contributors, approvers, account owners, reviewers, finance users and administrators. Two people from the same client may need different access, while one internal user may manage only assigned accounts.

A practical permission matrix
RoleCan seeCan doMust not see
Client contributorAssigned requestsUpload and respondOther clients or internal notes
Client approverRelevant final versionsApprove or request changesDraft internal discussion
Account ownerAssigned client workReview, update and resolveRestricted accounts
AdministratorAccess and audit recordsInvite, revoke and configurePolicy-excluded data

For every role, answer four questions: what can they see, create, change and approve? Then test the negative case. A permission model is incomplete until it also states what each role must never access.

04 · Step 3

What should you know about connect Every User Action to a System Response?

The portal becomes operational when a client action changes the right record and creates the right internal response. Without that connection, the portal is only a branded file repository and staff still coordinate the real work manually.

Action → state → response
User actionRecord changeWhat happens next
Uploads a documentRequest becomes ReceivedReviewer is assigned; reminder stops
Approves a deliverableVersion and time are recordedProject advances; owner is notified
Requests a changeRevision is createdTask returns to the responsible team
Pays an invoicePayment becomes PaidReceipt is issued; blocked work can continue

Use a small set of plain-language states. Clients rarely need every internal queue; they need a reliable answer to: Where is this now, what happens next, and is there anything I need to do?

05 · Step 4

What should you know about list the Records and Sources of Truth?

Write down the business records behind the journey before deciding on fields or databases. Typical records include organisations, users, projects, requests, files, approvals, invoices, messages and activity history. Define how they relate and which system owns each one.

Example record map
RecordImportant relationshipsPossible source of truth
Client organisationUsers, projects and invoicesCRM or portal database
RequestOwner, due date, files and statusPortal database
InvoiceClient, project and paymentAccounting system or Stripe
FileRequest, version and uploaderDocument storage service

Do not create two truths

If a status or invoice can be changed in more than one system, define which system wins and how updates travel. Duplicate ownership creates the exact uncertainty a portal is meant to remove.

06 · Step 5

What should you know about specify Rules, Notifications and Edge Cases?

Happy-path diagrams are easy. Useful portals also explain what happens when a deadline passes, an invitation expires, a client uploads the wrong file, two approvers disagree, or an integration fails. Define these cases before testing exposes them.

Timing

Deadlines and reminders

When is a reminder sent, when does it stop, and who is notified when work is overdue?

Quality

Rejection and resubmission

Can the reviewer explain the problem, and can the client replace the item without losing history?

Access

Invites and role changes

What happens when a stakeholder changes, an invite expires, or access must be revoked immediately?

Reliability

Integration failures

How does the team see a failed sync, retry it and correct the record without hidden technical work?

07 · Step 6

What should you know about define the MVP and Its Acceptance Criteria?

The first version should complete the chosen journey end to end. Prioritise authentication, permissions, accurate status, the core client action and the admin controls required to manage it. Leave secondary dashboards and speculative automation until the workflow has been tested.

What should you know about mVP features?

  • Authentication, invitations and role-based access
  • A client portal home that shows status and the client's next action
  • The core request, upload or approval workflow
  • Activity history and the records needed to understand each decision
  • Internal controls to assign, review, reject, correct and complete work
  • Payments, e-signatures or integrations only when the chosen journey depends on them

What should you know about acceptance criteria?

  • A contributor can see only assigned requests and submit the required item.
  • An approver always reviews the latest published version.
  • A rejected file keeps its history and returns a clear action to the client.
  • Removing a user prevents future access without deleting their activity record.

08 · The handoff

What should you know about turn the Decisions into a Ready-to-Build Brief?

Keep the brief concise. Include the journey map, roles and permissions, records, pages, workflow states, automation rules, integrations, branding requirements and acceptance tests. Add sample data and two or three realistic user scenarios. This gives an AI builder enough structure to ask useful questions instead of guessing how your business works.

Your planning output

One journey map + one permission matrix + one record map + one page list + workflow rules + acceptance criteria. That is enough to begin a productive build conversation.

Bring Component.app One Mapped Workflow

Start with the client journey that creates the most repeated follow-up, unclear ownership or avoidable delay. Component.app AI will review the brief, identify gaps and turn the agreed scope into a working first version.

Workflow and permission mapping
Client and admin page planning
Testable acceptance criteria
A clear starting point for the AI build

09 · FAQ

What Else Do Businesses Ask?

What should I prepare before building a client portal?+

Prepare one client journey, a role and permission matrix, the main records and sources of truth, a page list, workflow rules, edge cases, integrations, branding requirements and testable acceptance criteria.

Should I design the pages before mapping the workflow?+

No. Map users, actions, states and internal responses first. The required pages become much clearer once each user job and system change is understood.

How detailed should a permission matrix be?+

For every role, state what the user can see, create, change and approve, plus what they must never access. Include organisation boundaries and internal-only information.

What belongs in a client portal MVP?+

The MVP should complete one client journey end to end, including authentication, permissions, the core client action, accurate status and the admin controls needed to review and resolve work.

What happens after the planning brief is ready?+

Give the brief to Component.app AI. It will discuss gaps with you, confirm pages, authentication and workflow scope, then generate a testable first version for review and iteration.

Continue reading

Which related client portal guide should you read next?

Share this post