Square 1

A fintech app designed to make money management approachable for younger users.

Square One app mockup

Overview

Problem & Context

Square One is a conceptual fintech app for users aged 16–28, designed to make financial management accessible and engaging.

  • Built as part of the UI Academy program
  • Focused on a generation navigating money without guidance
  • Full double diamond UX process: from user research to high-fidelity Figma prototype
  • Every UI decision grounded in UX methodology and validated through research testing
Role
UX/UI Designer
Program
UI Academy
Tool
Figma (UI Design), lo-fi wireframes provided by the program
Year
2026
References
OTP, Erste, Revolut, Wise
Target audience
Urban young adults aged 16–28 students and early-career professionals
Empathize Define Ideate Prototype Test

Empathize

I conducted in-depth interviews with 3 users (aged 18–28), all active mobile banking users managing finances daily.

Research goals:

  • What makes a financial app feel welcoming vs. alienating?
  • What friction points do users encounter?
  • What would an ideal experience look like?

Findings were synthesized into an empathy map, surfacing deeper motivations beyond explicit answers, especially around financial confidence and the fear of being judged for not knowing enough.

Key insights:

  • Visual quality and intuitive usability matter more than feature depth
  • Users want to feel capable, not talked down to
  • Loyalty programs and instant rewards drive engagement
  • Financial literacy gaps are common, but curiosity grows when the app feels like a companion, not a teacher

THE CHALLENGE

Define

Research findings were synthesized into a structured design framework across three layers.

Personas

Two behavioral personas were developed from interview data and the empathy map:

  • A time-poor young professional with financial awareness
  • A financially curious but underinformed student

Grounded in observed patterns, not demographic assumptions.

USER PERSONA

Meet Dóri

Financially Inexperienced Young Adult

Dori

Dóri

Eager student, worker & re-applicant

I know I should be saving…
I just don’t know how.

Age18
LocationHungary
OccupationHairdressing student + part-time job
EducationSecondary school (in progress)
StatusSingle, living with parents

Dóri is 18 years old, a graduating hairdressing student who works part-time and is re-applying to university. She has her own income but very little financial experience.

She uses Revolut as her primary account — her salary comes in, she transfers and spends. She wants to get better at managing money so she doesn’t have to constantly worry at the end of the month.

  • Learn to budget so there’s always money left for things that matter
  • Feel calmer and avoid end-of-month panic
  • Travel, have fun, and afford the things she wants
  • Prepare for re-admission and grow in her profession
  • Money disappears so fast she doesn’t know where it went
  • She doesn’t track expenses — no system in place
  • No good financial role models around her
  • Unexpected costs and FOMO easily push her into panic
Mobile usage
Online banking
Social media
Finance apps
Spreadsheets
Revolut Instagram Spotify Temu

Dóri, 22

The Ambitious But Financially Inexperienced Young Adult

A full-time university student with a part-time job. Checking account only, basic financial literacy.

PAIN POINT

Doesn’t know where money goes. Embarrassed asking for help.

GOAL

Build savings without sacrificing her social life.

USER PERSONA

Meet Kata

The Digital Balance Seeker

Kata

Kata

Digital Balance Seeker

I want a simple, clear picture of my finances — without having to become an accountant.

Age28–42
LocationHungary
OccupationFreelancer / small business owner
EducationCollege / university degree
StatusSingle or in a relationship

Kata is a self-employed freelancer who manages her finances across multiple platforms every day. She’s had only partial success with fintech apps. Frustrated because her data is scattered and invoicing feels chaotic.

She wants to see everything in one reliable place — visually and quickly.

  • All invoices in one place, at a glance
  • Automated invoice management, more free time
  • A sense of security in financial decisions
  • Visual feedback on her financial situation
  • Doesn’t feel safe on digital financial platforms
  • No overall view of her current financial situation
  • Categorisation is unclear — she loses track easily
  • Manual admin takes up too much of her time
Mobile usage
Online banking
Social media
Finance apps
Spreadsheets
Revolut Számlázz.hu Google Sheets Instagram

Kata, 26

The Digital Balance Seeker

Self-employed graphic designer, managing irregular income and multiple expense streams.

PAIN POINT

Existing apps feel sterile or overly complex.

GOAL

Wants clarity and confidence managing money month-to-month.

User Journey

Two complementary journey maps were built to ground decisions in real behavior:

  • App use journey: 5 stages (onboarding, daily tasks, communication) mapping actions, thoughts, pain points, and opportunities
  • Monthly financial cycle: from payday optimism to end-of-month panic

Together they revealed the core issue: not a broken screen, but a repeating stress pattern the product should help break.

Lépések

Mik a fő lépései a felhasználó útjának?

Mit csinál

Mit csinál a felhasználó a különböző szakaszokban?

Gondolatok
és érzések

Érzések és gondolatok az egyes fázisokban.

Problémák

Mi a probléma? Mi okozza? Mennyire komoly?

Lehetőségek

Hogyan tudnánk megoldani a problémákat?

Előkészítés,
tervezelés

Onboarding,
első lépések

Ügyfélkép,
főbb feladatok

Alkalmazott
feladatok

Hatékonyság-
növelés

Felhasználói igényeket felméri

Összehasonlítja az elérhető appokat

Átnézi a Revolut funkcióit online

Letölti az appot

Regisztrál

Megismeri az app funkcióit

Összegyűjti pénzügyi kapcsolatait

másolja a számlázz mot

Aktiválja a kártyáját

Jó vibes: az app segít az áttekintésben

Számlázó rendszert kapcsol össze

Riportokat generál

Adatokat tölt fel manuálisan

Több platformot kezel egyszerre

Automatizálási lehetőségeket keres

Ütemezi a kifizetéseket

Beállítja kártya limitjét

Újabb fizetési módot tölt le

😐

😊

😊

😞

😡

Hova ment az összes pénzem?

Az app intuitív — könnyebb mint vártam!

A pénzügy nem is olyan rettentő…

Már megint nem találom, amit keresek.

„Borzasztó értesítések minden tranzakcióról.”

Túl sok idő szükséges a kereséshez

Unalmas, jobb lehetőségeket vár

Nem annyira értheő az app

Nem igazán otthon a digitális bankokban

Nem érti hogyan kell számlát exportálni

A pénznemváltás zavaros

Nehezen találja ezeket a funkciókat az appban

Elveszetten érzi magát a beállításokban

nem fér a pénzéhez

Lassú a folyamat

Csak a legfontosabb infókat emeljük ki az első megnyitásnál

Könnyű tranzakciós kezelés

Gyors átváltás

Feltölt, ugyanaz

Azonnali grafikon

Értesítés az utalásról

Egyszerűsített funkció-navigáció, keresősáv

könnyű kártya letöltés

Automatikus havi összesitő

User Journey – Hónap elejétől hónap végéig

The user journey map traced Dóri’s experience from discovering the app to completing her first transaction. Key pain points:

• Lack of onboarding guidance

• Intimidating dashboard on first open

• No feedback on positive actions (saving, paying on time)

Job Statement

Using the Jobs to be Done framework, the core user need was distilled into one statement:

“When I’m starting to take control of my finances, I want an app that helps me navigate without shaming or overwhelming me, so I can feel genuinely confident about my own money.”

JOB STATEMENT
CÉLOK ÉS MOTIVÁCIÓK
KIHÍVÁSOK
Amikor én Kata…
azt szeretném, hogy…
azért, hogy…
egyetemista és dolgozó lány
a pénzügyeimet kezelem
Hasonlítom az app funkciókatMark Csonka
gyorsan és biztonságosan tudom kezelni a pénzügyeimetBognár Kinga
egyszerűen, áttekintően tudjam kezelni a pénzügyeimet az appbanBognár Kinga
egyben látja a napi/havi költéseitRácz Nemeszcseghy
egy v több számlaszám könnyű kezeléseRácz Nemeszcseghy
átlássan könnyen a lehetőségeimet, helyzeteimet
kézben tudjam tartani a pénzügyömet
tudatos pénzügyi döntéseket hozhassakBognár Kinga

Job statement

Amikor, én Kata, egyetemista és dolgozó lány, a pénzügyeimet kezelem, azt szeretném, hogy gyorsan és biztonságosan tehessem ezt, egyszerűen átlátva a kapcsolódó funkciókat, azért hogy magabiztosan kézben tudjam tartani a pénzügyeimet és tudatos döntéseket hozhassak.

During the “Jobs to be Done” framework, the core job statement that emerged:

“When I check my finances, I want to feel capable and informed, so I can make good decisions without anxiety.”

Key insight:

Users do not manage their finances continuously; they react to them in cycles. The system should support them proactively, not retrospectively.

OPPORTUNITY POINTS

  • Beginning of the month: support for planning and forecasting.
  • Mid-month: gentle reminders and "you're doing well" encouragement.
  • Before financial stress sets in: quick overview and highlighting of essential expenses.
  • Fresh start moments: motivation and learning through simple, gamified experiences.

How Might We questions

  • How might we make financial discovery enjoyable without oversimplifying it?
  • How might we build emotional resonance into a functional product?
  • How might we reward financial mindfulness in a way that feels earned, not forced?
?

How might we make financial data feel less intimidating?

?

How might we reward users for small wins?

?

How might we build trust without overwhelming users?

Ideate

Ideation started with competitive analysis of Revolut, Wise, OTP, and Erste — reviewing UX flows, navigation patterns, and emotional engagement strategies. Mastercard brand guidelines were also integrated.

Key decisions:

  • Kami, the chameleon — introduced as the app's character, mirroring the dark/light mode behavior and adding personality without forcing emotional connection. Togglable by design.
  • Loyalty program — coins gather around Kami as users save, making financial progress tangible and rewarding.
  • Lo-fi wireframes from the program served as structural scaffolding, mapped with UX research decisions.
Kami character and wireframe exploration

Prototype

The high-fidelity prototype was built in Figma in both dark and light mode. Dark mode is the primary experience, confirmed as preferred by the target demographic.

Design system highlights:

Colour Palette

Colors were derived from the character to create a cohesive and emotionally engaging experience. The palette balances playfulness with trust, avoiding overly "corporate" fintech visuals.

#0D0736
#E8FBFC
#99FBFF
#7373FA

Revolut informed the visual and structural approach. Wise shaped content hierarchy. After mentor feedback, Kami was recalibrated: present and meaningful, but no longer competing with core functionality.

The character enriches the experience, it doesn’t define it.

1.457.000 Ft

Space Grotesk was used for key numbers and headings to create a strong visual focus and improve scannability.

Your money, your way.

Plus Jakarta Sans was chosen for body text due to its high readability and clean appearance, supporting a clear and accessible user experience.

Design Principles

  • Clarity over complexityevery screen shows only what the user needs right now
  • Visual before numericalcharts guide the eye first, numbers are there to confirm.
  • Trust through transparencyevery transaction is traceable, nothing hidden.

Revolut informed the visual and structural approach. Wise shaped content hierarchy. After mentor feedback, Kami was recalibrated: present and meaningful, but no longer competing with core functionality.

The character enriches the experience, it doesn't define it.

KEY SCREENS

Key Screens & Decisions

Onboarding paths

Offering two onboarding paths supports different user preferences—playful guidance or a more traditional experience.

Dark and light mode

Dark and light modes offer different visual experiences—playful and character-driven, or clean and minimal.

Card management, savings jar, chat

Card management features Kami as a visual brand element on the card itself. The savings jar makes goal-based saving tangible and motivating. The chat assistant — powered by Kami — guides users through banking tasks in a friendly, conversational way.

Testing

Testing ran in two rounds, each informing specific design decisions.

Round 1 — Mentor review (3 mentors)

Round 2 — Design community feedback

Key learnings

The core tension in fintech design: emotional engagement vs. functional simplicity. Kami was resolved as an opt-in warmth layer:

That balance between feeling and function is what Square One is ultimately built around.