Back to Work Catherine Wu
Case 02 · Moxo · Mobile Workflow

Mobile Workflow Experience

I designed the mobile app experience across assignee and admin portals, balancing focused client actions, optional progress visibility, and a shared app architecture that also had to support V10 accounts.

Role
Product Designer, mobile app experience
Platform
Mobile app, mobile web entry, email code access, V10 coexistence
Scope
Assignee portal, admin portal, Spotlight View, Gallery View
Outcome
Shipped and implemented by engineering
9:41
Spotlight View

Review onboarding form

The client sees the current action first, with context and one clear next step.

Current action

Complete the required client details before the next step can start.

Continue
9:41
Gallery View

Workflow progress

Submit informationCompleted
Review agreementIn progress
Final confirmationNot started
9:41
Admin Portal

Action progress

Client detailsCompleted by client
Agreement reviewWaiting for signature
Internal approvalAssigned to team
Replace laterUse final mobile screenshots here: Spotlight View, Gallery View, and admin action progress list.

Overview

This project covered the full mobile app experience for Moxo workflows, including the assignee portal clients use to complete actions and the admin portal teams use to track progress.

Clients could enter from mobile web without downloading the app, open the app directly, or authenticate through email and an email code. The design needed to make the first step easy while still supporting more complex workflow visibility when needed.

Another constraint was product coexistence. New Flow and V10 lived inside the same mobile app, but the signed-in experience changed by account type. The design had to introduce the new workflow model without breaking expectations for existing V10 users.

The problem

Mobile workflow users move between two different needs. In one moment, a client needs to know exactly what action to complete. In another, they need to understand where they are in the larger process.

At the same time, the app had to support two product generations. New Flow introduced a different post-login structure and visual style, while V10 still needed to remain available for accounts using the older experience.

A single dense mobile layout would either hide progress or overload the current task. I framed the design around two modes of attention: focused action and process visibility.

What should I do now?

The default experience needed to guide the client to the current visible action without extra navigation.

Where is the process?

Some workflows needed a broader view of completed, in-progress, and not-started actions.

Who needs visibility?

Admins needed a mobile way to check all action progress from the workspace side.

Which account style?

The same app needed to route accounts into the right post-login experience for New Flow or V10.

App versioning

New Flow was not a separate app. It shared the same mobile app with V10, and the experience after login depended on the user's account.

This made consistency more subtle than simply applying a new visual style everywhere. I had to consider where the new workflow language should appear, how the app should distinguish account contexts, and how to keep shared patterns stable across both experiences.

Shared shell

Keep the app-level structure familiar enough that users do not feel they entered a separate product.

Account-based style

Let the signed-in account determine whether users see New Flow or the V10 experience.

Stable patterns

Use consistent mobile interaction rules for navigation, lists, details, and actions across versions.

Same app
Sign in
01Account detected
02New Flow style
03V10 style
04Shared patterns
Replace laterUse screenshots or a diagram showing how one mobile app supports New Flow and V10 through account-based post-login experiences.

Spotlight View

Spotlight View became the default assignee experience. Instead of showing the whole workflow first, it brings the client directly into the current visible action.

The visible action depends on the workflow setup and what the assignee is allowed to see. All action types can appear in this mode except automation, because automation does not require the client to take manual action.

9:41
Current action

Upload requested file

A focused view keeps the required context and the main action together.

Upload file
View details
9:41
Action details

What happens next

After the client completes the action, the workflow can move to the next visible step.

Back to action
Replace laterUse final Spotlight View screenshots showing the default current action and the action detail state.

Gallery View

Gallery View is not the default. Admins can configure it in the template when the client should see more of the workflow.

It shows only the actions visible to that client, organized by status: in progress, completed, and not started. Clients can tap an action to open its detail page and complete it when it becomes actionable.

9:41
Gallery View

Visible actions

Business infoCompleted
Agreement reviewIn progress
Payment setupNot started
Final confirmationNot started
9:41
Action detail

Agreement review

From the gallery, the client can enter an action and complete the required step.

Review and sign
Replace laterUse final Gallery View screenshots showing visible client actions, status groups, and tap-through to action detail.

Admin portal

I also designed the admin side of the mobile app. In the workspace, admins can check all action progress from a list, then open an action detail page to review status or follow up.

This made the mobile experience a connected system: clients could complete work from the assignee side, while admins could keep visibility into workflow progress from the management side.

9:41
Workspace

Action progress

Client info formCompleted · Client
Agreement reviewIn progress · Client
Internal approvalNot started · Team
Final confirmationWaiting · Client
9:41
Action detail

Agreement review

Admin can inspect the action status, assigned party, and latest activity.

Follow up
Replace laterUse final admin portal screenshots showing the workspace action list and action detail page.

Mobile patterns

Beyond the individual views, I treated the mobile app as a set of reusable workflow patterns. The same interaction logic needed to work across assignee and admin sides, and across New Flow and V10 account contexts.

List to detail

Use a stable pattern for moving from progress lists into action details and back.

Status language

Keep in-progress, completed, and not-started states readable at a small size.

Bottom action

Keep the main task action visible and predictable when the client needs to act.

Shared rules

Reuse navigation, cards, and action behaviors while allowing account-based style differences.

Outcome

The design was shipped and implemented by engineering. The final experience supported mobile workflow execution across assignee and admin sides, with Spotlight View for focused action and Gallery View for optional progress visibility.

The key decision was not to show less workflow on mobile. It was to show the right level of workflow for the moment.
Next work Go back homepage