Advisor-Assisted Onboarding Application

Redesigning branch onboarding for advisors and their customers.

This was an advisor-assisted onboarding application used by branch advisors and Universal Bankers to guide customers through account opening and product setup. The goal was to simplify a fragmented, compliance-heavy workflow into a unified, responsive experience optimized for desktop and tablet use in branch environments.

At a glance
Client
Scotiabank Retail Banking, Toronto
Role
Senior UX/UI Designer UX & interaction design
Timeline
2016 to 2020 Shipped and iterated
Team
PM, Engineering, Compliance, Design Cross-functional
Onboarding product selection where the advisor chooses which accounts to open for the customer
Product selection, the first step of the onboarding flow.

i. The challenge

A fragmented workflow that slowed every onboarding conversation.

Advisors navigated multiple disconnected systems to open a single account. The process was repetitive, compliance-heavy, and difficult to adapt to each customer's needs.

ii. Discovery & workshops

Understanding the workflow before redesigning it.

We ran collaborative workshops with advisors and stakeholders to map the full onboarding journey, identifying friction points, repetitive steps, and opportunities to simplify.

Workshop sticky note journey mapping session showing existing onboarding stages
Journey mapping workshops with advisors helped surface where the process was most repetitive and where conversations broke down.
Lisa new customer onboarding journey map
New customer journey map (Lisa), tracing the experience from branch entry to account activation.
Kareem existing customer onboarding journey map
Existing customer journey map (Kareem), showing how onboarding differed for returning customers adding a new product.
iii. Onboarding flow

One unified flow for all three products.

The redesign consolidated savings, chequing, and credit onboarding into a single adaptive flow that branches only where products genuinely differ, reducing duplicated steps across the advisor workflow.

The onboarding journey
01

Customer Lookup

Existing customer
02

Product Selection

Multi-product
03

ID Verification

Compliance
04

Needs Assessment

Conversation
05

Product Recommendation

Guided
06

Personal Information

Pre-filled
07

Summary & Activation

Handoff
iv. Early wireframes

From workflow sketches to interaction design.

Early wireframes focused on modular onboarding flows and dynamic product recommendations, validating structure and information architecture before visual design began.

Low-fidelity wireframe of the personal information form with step navigation
Low-fidelity wireframe of the personal information step, showing the step indicator, grouped form fields, and navigation pattern used throughout the flow.
v. The final experience

Walking through the redesigned onboarding flow.

Each step was designed to support the advisor-customer conversation by reducing manual effort, surfacing the right information at the right time, and guiding both parties through the process naturally.

A note on what's shown. These screens are from the advisor-facing onboarding application built for use in Scotiabank branches between 2016 and 2020. Customer names and data shown are fictional.
Step 01 · Product Selection

Advisors select products upfront, before collecting any information.

Choosing products first means the subsequent flow adapts dynamically, only showing questions relevant to what was selected.

A
Advisors could select multiple financial products at once, and onboarding adapted to cover all chosen products in a single session.
B
A compliance question about third-party account use is surfaced here, before the flow continues, keeping it contextually relevant.
Product selection screen
Step 02 · Customer Lookup

Returning customers are identified quickly, with no manual re-entry.

For existing Scotiabank customers, PIN validation pulls their profile directly, eliminating repetitive data entry for information already on file.

C
Returning customers could be identified in seconds via PinPad, reducing the need for advisors to manually enter existing profile data.
D
A clear success state confirms identity before the flow proceeds, reducing error risk at this compliance-critical step.
Customer lookup PIN validation screen
Step 03 · ID Verification

Centralized identity documents, with status visible at a glance.

All ID documents on file are surfaced in one place, with verification dates and status clearly visible. Advisors can confirm, update, or add documents without navigating away.

E
Centralized ID management improved compliance workflows, letting advisors see what was already verified versus what needed attention in one view.
F
Pre-filled document data from the customer profile reduced manual entry effort for existing customers.
ID verification screen showing documents on file with verification dates
Step 04 · Banking Habits & Needs

A short needs assessment, designed to guide the conversation.

Simple checkbox questions help advisors understand how the customer uses banking. Written in first-person language to feel conversational, not clinical.

G
Onboarding questions helped tailor product recommendations, since selecting habits feeds directly into the suggestion on the next screen.
H
First-person language ("I mostly use…") made the questions easier for advisors to read aloud and discuss naturally with customers.
Banking habits screen with checkbox needs assessment
Step 05 · Recommended Package

Contextual product recommendation, with room to explore.

Based on the habits selected, the most relevant package is surfaced automatically. Advisors can explain the recommendation, compare alternatives, and configure add-ons in one place.

I
Contextual cross-sell opportunities were embedded directly in onboarding, aligned with the customer's stated banking behaviours.
J
Product recommendations came with a "Show Why" disclosure, giving advisors language to explain the suggestion naturally.
Recommended package screen showing Preferred Package with rewards and perks configuration
Step 06 · Product Configuration

Modular setup patterns, with expandable sections to reduce visual overload.

Configuring a credit card within the package opens a focused modal, keeping the selection contained without sending the advisor down a separate path.

K
Modular setup patterns simplified product configuration, letting advisors manage complex product bundling without losing context.
L
Expandable accordion sections in the modal reduced visual overload by showing detail only when the advisor or customer needed it.
Package configuration with optional perks
Credit card selection modal within package setup
Step 07 · Personal Information

Pre-filled where possible, grouped logically for fast review.

Personal information arrives pre-filled from the customer profile. Fields are grouped by section, such as name, address, contact, and identity, making it easy to review and correct without missing anything.

M
Reusable form patterns improved consistency across the onboarding workflow, since the same components were used throughout the application.
N
Responsive layouts supported advisor-assisted onboarding on both desktop and tablet, so the same flow worked across branch environments.
Wireframe of the personal info layout
Final personal information screen pre-filled from customer profile
Step 08 · Product Summary & Activation

Everything reviewed in one place, before the customer leaves.

The final screen shows all products from the session, including completed items, outstanding items, and next steps. The advisor can initiate digital banking activation and provide a summary document for the customer to sign.

O
Advisors could review onboarding progress in one place, with completed and outstanding items clearly differentiated by status.
P
Digital banking activation and summary document generation were available directly in the final screen, supporting handoff before the customer left the branch.
Product summary screen showing onboarding complete with activation and document options
Screens shown are from the advisor-facing onboarding application used in Scotiabank branches. Customer names and data shown are fictional.
vi. Strategic design contributions

How I contributed beyond the screens.

My involvement went beyond visual design. I worked across teams to align the experience with business goals, compliance needs, and advisor workflows.

i

Journey mapping workshops

Facilitated collaborative sessions with advisors and stakeholders to map the existing onboarding experience and identify friction points.

ii

Compliance workflow simplification

Collaborated with compliance teams to find a flow that collected required information at the right moment, without front-loading the experience.

iii

Modular onboarding patterns

Contributed to reusable form and flow patterns that could adapt to different product combinations, reducing design debt across the onboarding system.

iv

Cross-sell integration

Worked with product and business teams to embed contextual product recommendations naturally into the onboarding flow.

v

Responsive advisor workflows

Designed responsive layouts that worked consistently across desktop and tablet, supporting the diverse hardware used in different branch environments.

vi

Accessibility & component design

Delivered WCAG AA-compliant form components with full developer handoff specs, creating reusable patterns that extended beyond this project.

vii. Outcome

What the redesign improved.

Reducing onboarding time and advisor friction were the primary goals. The improvements to consistency and compliance integration had longer-term benefits for the workflow.

Onboarding time
15-20min
Reduced from 1 to 2 hours, so advisors could complete most onboarding sessions in a single conversation
Accessibility
WCAG AA
Built into components from the start, not remediated after delivery
Responsive design
Desktop + tablet
Consistent advisor experience across all branch hardware environments

Reduced advisor friction. A unified flow replaced disconnected tools, so advisors no longer needed to switch systems mid-conversation.

Simplified multi-product onboarding. Customers opening multiple accounts no longer had to repeat the same information for each product.

Enabled guided onboarding conversations. Needs assessment and recommendation steps gave advisors a natural structure for product discussions.

Reusable design patterns. Form components and onboarding patterns contributed to the design system and were used on subsequent projects.

viii. Reflections & learnings

What this project reinforced.

↻ Would do again

Involve compliance in design reviews early.

Including compliance in working sessions, not just sign-off gates, made it much easier to find solutions that worked for both the user experience and regulatory requirements.

→ Would approach differently

Establish advisor usability testing earlier.

Most design decisions were informed by workshops and stakeholder input. More structured sessions observing advisors using the tool in real branch environments would have surfaced edge cases sooner.

→ Key insight

Modular workflows improved scalability.

Designing the flow as a set of reusable, adaptable modules meant the system could be extended to new products without rebuilding the full experience.

→ Key insight

Simplifying the advisor workflow improved the customer conversation.

When advisors spent less time navigating the tool, they had more attention to focus on the customer. The UX improvement had a direct impact on the quality of the interaction.

This project reinforced the importance of designing operational workflows that balance business goals, compliance requirements, and human interactions, where the tool should support the conversation rather than interrupt it.
Next case · 03

Putting an inspector's clipboard on a tablet. HSB · Munich Re.