Case study · Fintech · Mobile · 2025

SmartWealth — investing that starts in minutes.

An end-to-end onboarding flow for SmartWealth by NBK Wealth: turning account opening, identity, KYC and investment setup into one confident, five-screen journey.

Role
Product Designer & Front-End
Timeline
5 months
Platform
iOS · React Native
Client
NBK Wealth
Splash
01 · WelcomeBrand intro & start
Face verification
02 · ID & FaceBiometric verification
KYC
03 · KYCInvestment profile
Preferences
04 · PreferencesObjectives & risk
All set
05 · All setFunded & ready
Overview

A first impression that builds trust

Opening an investment account is where most fintech apps lose people: too many forms, too much jargon, no sense of progress. SmartWealth needed an onboarding that felt as premium and reassuring as the brand itself.

We owned the experience end-to-end: defining the flow, designing every screen against the SmartWealth visual language (deep black, signal lime, electric blue), and building the front-end so the shipped app matched the design exactly.

What we did

From flow to shipped front-end

Flow & UX architecture

Mapped account opening into a clear three-step path (identity, KYC, preferences) with visible progress at every screen.

UI design

Designed every screen in the SmartWealth system: biometric scan, risk sliders, multi-select objectives and a celebratory success state.

Front-end build

Implemented the screens, the animated lime motifs, sliders and transitions, pixel-faithful and fast on device.

Design system fit

Kept every component on-brand and reusable, so the onboarding extends cleanly into the rest of the product.

Live showcase

Walk the full onboarding,
screen by screen.

See all five screens in interactive iPhone mockups on the branded SmartWealth canvas.

Explore the showcase