Brand introduction with the headline promise and a single, confident call to action.
BrandStart investing
Onboarding journey
Grow your wealth,
one step at a time
The complete SmartWealth onboarding flow: from first launch through identity, KYC and investment preferences, to a funded portfolio.
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.
The five-screen flow
Scroll to walk the journey
Biometric face scan inside a lime-cornered frame to confirm identity securely.
BiometricsIdentity
Investment profile: goals, risk tolerance, amount band and time horizon.
Risk sliderAmountPeriod
Preference selection, pick objectives with searchable multi-select and fine-tune risk.
ObjectivesMulti-select
Deposit confirmed, funds are available and the investment journey begins.
SuccessExplore portfolio
Color system
The SmartWealth palette
Canvas Black#000000
Signal Lime#D6F23D
Electric Blue#3B54F0
Coral#F26D85
Success Green#34D17A