Product UI/UX

NorthPay

Fintech onboarding concept focused on verification flows

UI/UX Design 2024 Concept project 8 weeks

NorthPay onboarding interface, fintech KYC and account setup screens

The concept

NorthPay is a concept for a fintech onboarding experience. The focus is the path from account type selection to verification and first-use setup, with an emphasis on clarity, trust, and progressive disclosure.

NorthPay onboarding mockups showing account selection and verification screens

Problem & context

Financial products often need to collect sensitive information before users see value. That makes the first steps of the experience the most fragile part of the flow, especially when people are creating an account, sharing details, and waiting on verification.

Long forms, unclear requirements, and weak feedback can stall growth before the product is even used. This case treats onboarding as a product surface in its own right: one where regulatory requirements and user momentum have to coexist from the first screen.

Problem and context diagram User problem diagram

Design challenge

The challenge was to make a required onboarding flow feel structured and understandable. The process still needs to collect sensitive information. The experience has to make each step feel expected rather than surprising.

Design challenge diagram, end to end onboarding journey

Information architecture & user flow

The onboarding experience is split into a public entry point and a product flow. Within the product, a simple sequence guides users from account type to verification, with clear branching for different user needs.

Fluxogram of the NorthPay onboarding flow

Wireframes & UX decisions

Before touching visual design, low-fidelity wireframes help validate structure, copy, and interaction patterns. A persistent stepper gives users a sense of progress, while grouped fields reduce noise and keep attention on the next required action.

Account type comes first, before any form field. An earlier layout had the toggle on the same first screen as the form. Users changed their account type mid-form and lost everything they'd entered. One question per screen is slower to build and faster to complete.

NorthPay wireframes showing onboarding step structure

Key interactions & states

In a flow like this, the layout is the easy part. Inline errors, clear status states, and a visible stepper are what make the experience easier to follow when the form is asking for sensitive information.

Final screens

Verification confirms the account. Users land on a setup checklist that guides first use without front-loading every option at once.

Let's talk

Got a project?
Let's make it work.