New to Canada Onboarding Experience

Banking that meets newcomers where they are.

CIBC's Smart Arrival program lets people moving to Canada open a bank account before they land — but the experience wasn't built for someone navigating an unfamiliar financial system in a stressful life moment. I led the redesign of the responsive web journey, from landing page through eligibility and application, reducing friction across an emotionally and bureaucratically heavy moment.

CIBC Smart Arrival responsive experience across desktop, tablet, and mobile
The Smart Arrival newcomer hub, designed responsively across devices.
At a glance
Client
CIBC Digital Banking, via IBM iX
Role
Senior Product Designer Interaction & responsive design
Timeline
2022 to 2023 Shipped
Team
PM, Engineering, Content, Design Cross-functional

i. The challenge

A product built for Canada, not for newcomers.

Moving to a new country is emotionally loaded. The banking experience made it harder than it needed to be, starting too late in the journey and asking for trust it hadn't earned.

ii. Experience strategy

Three things that had to be true at the same time.

This wasn't only a usability problem. Drop-off was costing CIBC accounts in a growing segment. The design had to serve users and the business at the same time.

Reduce drop-off

Start the journey before arrival

Eligible users needed to begin, and trust, the process before landing in Canada. That meant building confidence into every screen, not just the form.

Build trust early

Show users exactly what to expect

Clear eligibility criteria, a document checklist before the application, and a step-by-step overview, all before asking for any personal information.

Serve the real user

Design mobile-first, no compromise

Every interaction decision was made for a small screen in a high-stress moment. Responsive wasn't a checkbox, it was the primary constraint.

iii. Onboarding flow

One journey, three clear steps.

The redesign collapsed a fragmented experience into three plain-language stages, so a newcomer always knew where they were and what came next, from before arrival to their first branch visit.

The Smart Arrival journey
01

Apply online

Complete the application in about 5 minutes and open a temporary account before arriving.

Before arrival
02

Transfer your money

Send funds to the temporary account so they're ready in Canadian dollars on day one.

In transit
03

Visit when you arrive

Activate the account at a CIBC Banking Centre and start banking, paying bills, and more.

On arrival
iv. The experience

Screens that guide, not overwhelm.

Every screen had one job. Each moment in the journey was designed to reduce uncertainty and build the confidence a newcomer needs to keep going.

Step 01 · Landing page
A clear invitation, before anything else.
The landing page leads with one message: you can open a Canadian bank account before you arrive. Three icons, no dense copy, communicate the value in seconds.
A
A step-by-step process overview sits above the fold, so users understand the full journey before committing.
B
Newcomers needed to feel the product was built for them before trusting us with financial information. Clarity before complexity earned that trust.
CIBC Smart Arrival landing page
Step 02 · Eligibility check
Three criteria. No ambiguity.
Eligibility used to live in a wall of text. We surfaced the three requirements visually, so users could self-qualify in under ten seconds.
A
Arriving in Canada, age of majority, valid passport plus UCI, each with an info icon for detail on demand.
B
If you don't qualify, you know immediately. Reducing time-to-disqualification matters as much as conversion.
CIBC Smart Account eligibility screen
Step 03 · Preparation gate
Set expectations before they commit.
Before the form begins, users see exactly what they need, how long it takes, and what happens after they submit, with a document checklist on the same screen.
A
Passport and UCI requirements, a 5-minute estimate, and resource links remove every surprise.
B
This screen didn't exist before. Front-loading it eliminated the mid-form friction that drove abandonment.
Preparing for your application screen
Step 04 · Responsive design
The same experience, on any screen.
Every layout decision was made mobile-first. The hierarchy doesn't collapse on a small screen, it reflows, keeping the journey clear at any size.
A
Eligibility criteria stack cleanly and the primary CTA stays sticky on mobile.
B
Most newcomers start this journey on a phone, often before stable internet. A broken mobile experience was a business problem, not just a UX one.
CIBC Smart Arrival responsive mobile flow
v. Outcome

What the redesign changed.

A simpler journey, stronger trust signals, and a product that served the people it was actually built for, at the highest-risk moment in their move.

Onboarding
3 steps
Compressed to apply online, transfer funds, and visit a branch on arrival
Mid-form drop-off
Friction
A preparation gate front-loaded documents, removing the main cause of abandonment
Responsive design
Mobile first
Every component validated at 375px before it was ever tested on desktop

The preparation gate was the highest-impact single addition. Adding one screen before the form started measurably reduced the moment where users were most likely to leave.

Trust moved upstream. Transparent eligibility and explicit next-steps reduced anxiety before any personal information was requested.

Mobile became the primary surface. Designing mobile-first changed how every decision was made, not just how the final screens looked.

Patterns extended beyond the project. Eligibility cards, document checklists, and sticky CTAs were reused across the CIBC newcomer product line.

vi. Reflections & learnings

What this project reinforced.

↻ Would do again

Earn trust before the form, not inside it.

The biggest win wasn't an interaction pattern, it was a single screen that came before the application began. Reducing uncertainty reduced abandonment.

↻ Would do again

Treat simplicity as a strategic choice.

Every piece of copy we removed and every step we collapsed was a decision with measurable business impact. Less friction meant more completions.

→ Would approach differently

Ship instrumentation with the product.

Some impact is directional because telemetry came after launch. Next time, measurement ships alongside the design so outcomes can be evidenced, not estimated.

→ Key insight

Designing for vulnerability is its own discipline.

Newcomers are in a high-stakes, emotionally loaded moment. Designing for that, not just usability, separated this from a generic form redesign.

This project reinforced that the most valuable design work often happens before the obvious interface, in the moments where a user decides whether to trust the product enough to begin.