Research · UI/UX · Brand · Design System

NOA Fintech

Scroll

Personal finance, made calm

Year

2026

Client

Noatheland

Role

Research · UI/UX · Brand · Design System

Duration

1 months

Tools

Figma, Photoshop

A personal-finance concept built to make money feel calm — one indigo hue, numbers as heroes, and one action per screen. The work ran end-to-end: research, UI/UX, brand identity, and a working design system, designed iOS-first and scaled to a web dashboard.

NOA app icon and wordmark — Personal finance, made calm
Overview — a calmer way to hold your money, with the app splash screen
The problem — finance apps make people anxious, so they stop opening them
The solution — three design commitments and the process from interviews to a working system
Brand identity — logo construction and the app icon on the home screen
Design system — Gilroy typography and the NOA colour palette
First impression — the balance shown on Apple Watch
Statistics — spending analytics screens with capsule bars and delta chips
The full mobile screen system
Web dashboard — the mobile system scaled to a desktop analytics canvas
Components library — every screen assembles from the same primitives
Closing — Personal Finance, Made Calm

Next

Let's build
something.