Cases >

FileInvite

Designing a client portal for US expansion

The results
  • Portal design in approximately three months
  • Rapid onboarding helped maintain delivery velocity, according to Product Manager Peony Pangputt
  • Connected journeys and reusable patterns for the permanent team
arrow | UXD
Read more

An established product. New customer needs.

FileInvite had an established product serving Australia and New Zealand. Expanding into a new US customer segment required a portal designed around more complex document requests across people and entities.

Following a restructure, the team also needed senior design capability. I provided fractional UX leadership alongside hands-on exploration, journey design and responsive UI.

Before: the existing legacy FileInvite portal, shown as the starting point for the UserXD engagement
High-fidelity FileInvite request view showing Outstanding filtering, Approved, Submitted and Revise states, and an expanded Upload action

Make the next action clear

The request view distinguishes Approved, Submitted and Revise states. An Outstanding filter narrows the work, while expanding a document request reveals its instructions and Upload action.

Requests stay grouped by entity, preserving context as clients move from overall progress into individual tasks.

Discovery: find the friction

The existing FileInvite portal on the left was the starting point for the engagement. My Miro audit identified a long introduction before the task, ambiguous upload controls, competing actions and weak progress feedback.

The UserXD redesign on the right brings requests and progress into a clearer structure. The priorities were to make outstanding work easy to identify, distinguish submission and review states, and keep help close to the task.

Before and after: the existing legacy FileInvite portal on the left and the UserXD portal redesign on the right
Original low-fidelity FileInvite portal exploration

Explore quickly. Refine deliberately.

I used agentic workflows to generate and compare low-fidelity wireframe variants quickly. These early explorations helped the team discuss the portal structure before investing in detailed UI.

I then developed and refined the complex journeys, interaction details and task states in Figma, connecting upload, review and recovery states so the team could assess what happened between screens.

Key decision: progress before document detail

The audit showed that clients lacked a clear sense of progress. I brought request context and completion into the overview, before clients opened individual tasks.

Grouping by entity retained the domain detail. Messages and support stayed alongside the work so clients could ask for help without losing their place.

High-fidelity FileInvite portal overview showing overall completion, progress for each entity, messaging and help before document details are expanded
FileInvite mobile designs side by side: request overview on the left and an expanded Business Information request with its Upload action on the right

Design for mobile tasks

The overview on the left leads into document-level actions, shown in the expanded request on the right. Progress and the next step stay together. Distinct task states separate outstanding work, submitted documents and review.

In approximately three months, the engagement established a portal design direction, desktop and mobile journeys, and reusable UI patterns for the permanent team to continue. FileInvite subsequently hired more full-time designers to take the work forward.

The results

Dots | UXD
You helped bring back design representation in our product development process.
Melissa Firth
Melissa Firth
CPO, FileInvite (during the engagement)
Dots | UXD
Dan's rapid onboarding was invaluable in helping us maintain our delivery velocity…
Peony Pangputt
Peony Pangputt
Product Manager, FileInvite (during the engagement)

Are you ready to power up your results and augment your team with our UX expertise?

Exit | UXD
Newsletter

Get the latest news

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.