Streamlining your spending habits with AI-powered insights.

Finly - Smart Digital Banking for Everyday Life.

Streamlining your spending habits with AI-powered insights.

Finly - Smart Digital Banking for Everyday Life.

Target Product

Mobile Application

Timeline

2025

My Role

UI/UX Designer

Finly is a digital banking app designed for the modern generation who want more than just basic banking. Most banking apps stop at showing balances and transaction histories, but Finly goes further by combining everyday banking, financial tracking, and AI-powered insights into one seamless experience.

Instead of forcing users to manually manage their money, Finly automates repetitive taskslike categorizing transactions or reminding users about spending patterns, while also acting as a financial coach that provides context and motivation. Whether its paying bills, transferring money, or saving for a personal goal, Finly ensures users dont just move money around, but actually understand and grow it.

Target Product

Mobile Application

Timeline

2022

My Role

UI/UX Designer
User Interview :
User Interview :

We Listen, They Talk.

We Listen, They Talk.

User Interview & Issue Grouping

We conducted interviews with 10 people from different backgrounds in Jakarta. After gathering their stories, we mapped out the main issues they face with financial apps, the frustrations that keep coming up again and again.

Alya - Marketing Manager

“It’s tiring to manually enter every expense every day.”
“It’s tiring to manually enter every expense every day.”

Alya uses multiple e-wallets and often forgets to log small purchases like snacks or transport. She quickly loses consistency because manual tracking feels like a chore.

Alya uses multiple e-wallets and often forgets to log small purchases like snacks or transport. She quickly loses consistency because manual tracking feels like a chore.

Insight : Automate transaction tracking with AI categorization and account integration to remove friction.

Insight : Automate transaction tracking with AI categorization and account integration to remove friction.

Fidya - College Student

“I’d love an app that warns me when I’m close to overspending on coffee.”
“It’s tiring to manually enter every expense every day.”

Fidya often spends on lifestyle treats like coffee and snacks. She doesn’t want strict budgeting but appreciates soft, personalized nudges that connect with her habits.

Fidya often spends on lifestyle treats like coffee and snacks. She doesn’t want strict budgeting but appreciates soft, personalized nudges that connect with her habits.

Insight : Deliver contextual, lifestyle-based notifications powered by AI to make financial advice feel personal and motivating.

Insight : Deliver contextual, lifestyle-based notifications powered by AI to make financial advice feel personal and motivating.

Rafi - Software Engineer

“I always get shocked at how fast my money disappears by month-end.”
“I always get shocked at how fast my money disappears by month-end.”

Despite having a stable income, Rafi rarely checks his spending until the month ends. His awareness only comes when his balance runs low.

Despite having a stable income, Rafi rarely checks his spending until the month ends. His awareness only comes when his balance runs low.

Insight : Provide real-time spending summaries and alerts, helping users see patterns before it’s too late.

Insight : Provide real-time spending summaries and alerts, helping users see patterns before it’s too late.

What We Learned
What We Learned

Turning User Voices Into Design Direction

Aligning Vision with Those
Who Shapes the Business
Direction.

Through user interviews, we uncovered recurring pain points that revealed not just what people struggle with, but why they struggle. These findings became the foundation for design decisions.

Reduce Friction in Tracking

Problem : Users feel exhausted when required to log every transaction manually. This leads to inconsistent usage and eventual abandonment of the app.

Design Response : Add an image reader feature and apply AI-based categorization to automatically sort expenses. Users only need minimal confirmation, reducing effort while maintaining records.

Add Context Beyond Numbers

Problem : Current solutions mostly present raw numbers without interpretation. Users struggle to understand why their money runs out or how they can improve.

Design Response : Provide weekly insights and digestible explanations that highlight spending patterns and trends. Contextual tips turn raw data into actionable advice.

Improve Motivation to Save

Problem : Even with awareness, users often fail to stay committed to saving goals. Traditional trackers lack features that motivate long-term consistency.

Design Response : Introduce goal-setting features with visual progress bars, milestone celebrations, and gamified reminders. This makes saving feel rewarding and keeps users engaged over time.

Comparative Research
Comparative Research

Learning From Industry Benchmarks to Design a Purpose-Built Solution.

Learning From Industry Benchmarks to Design a Purpose-Built Solution.

I looked into popular digital banking apps in Indonesia, Jago, Jenius, blu by BCA, Livin, and SeaBank. Most of them are great at basic banking: payments, transfers, and savings. Some offer budgeting tools like pockets or saving plans, but almost none give meaningful insights or proactive reminders.

Loading...
User Persona :
User Persona :

Behind The System.

Behind The System.

Who is The User?

From our interviews, we distilled user insights into realistic personas that represent key roles within the certification process. These personas guided our decisions across UI design, content structure, and role-based feature logic.

From our interviews, we distilled user insights into realistic personas that represent key roles within the certification process. These personas guided our decisions across UI design, content structure, and role-based feature logic.

Wiantoro Sudjatmiko - KOMATSU Mechanic

Wiantoro - KOMATSU Mechanic

Wiantoro - Mechanic
Goals :
Goals :

Gain certifications relevant to their job, understand course requirements, complete them without friction.

Gain certifications relevant to their job, understand course requirements, complete them without friction.

Constraints
Constraints

Often confused by system navigation, forgets deadlines, lacks clear progress indicators.

Often confused by system navigation, forgets deadlines, lacks clear progress indicators.

Needs :
Needs :

Need a simple & clear system with progress tracking and deadline reminders to complete courses.

Need a simple & clear system with progress tracking and deadline reminders to complete courses.

Design Response :
Design Response :

Clear dashboard summaries, role-based course assignment via IDP, simplified exam flow.

Clear dashboard summaries, role-based course assignment via IDP, simplified exam flow.

Rifat Alifa - ADH Site Adaro

Rifat Alifa - ADH Site Adaro

Rifat Alifa - ADH Site Adaro
Goals :
Goals :

Monitor mechanic progress, assign courses for outsource staff, ensure team compliance.

Monitor mechanic progress, assign courses for outsource staff, ensure team compliance.

Constraints
Constraints

Incomplete tracking tools, slow feedback loop, lack of overview.

Incomplete tracking tools, slow feedback loop, lack of overview.

Needs :
Needs :

Need a way to track team progress, quickly assign courses, and get a clear overview to ensure compliance.

Need a way to track team progress, quickly assign courses, and get a clear overview to ensure compliance.

Design Response :
Design Response :

Dashboard with real-time progress tracking, bulk course assignment, and a summarized compliance view.

Dashboard with real-time progress tracking, bulk course assignment, and a summarized compliance view.

Hendra Darusman - Instructor

Hendra Darusman - Instructor

Hendra Darusman - Instructor
Goals :
Goals :

Review submitted tests efficiently, especially essays, give fair and fast feedback.

Review submitted tests efficiently, especially essays, give fair and fast feedback.

Constraints
Constraints

The review process is slow, especially for essays, with limited tools for structured feedback.

The review process is slow, especially for essays, with limited tools for structured feedback.

Needs :
Needs :

Tools to review tests faster, highlight key points in essays, and provide consistent & clear feedback.

Tools to review tests faster, highlight key points in essays, and provide consistent & clear feedback.

Design Response :
Design Response :

Inline review interface with answer keys, annotation tools for essays, and a dashboard showing review status.

Inline review interface with answer keys, annotation tools for essays, and a dashboard showing review status.

We Listened, We Observed,
We Listened, We Observed,

Then We Designed.

Then We Designed.

After understanding the problem deeply, we moved into the solution space. This is the phase where ideas started to take shape through brainstorming and mapping. Every pain point we found now had the chance to be solved.

One Flow
One Flow

To Match the Field.

To Match the Field.

User Flow

User Flow

We mapped the flow based on real case, not assumptions.
Each step was crafted to match how users actually work in the field, making the process simpler, faster, and more efficient.

We mapped the flow based on real case, not assumptions. Each step was crafted to match how users actually work in the field, making the process simpler, faster, and more efficient.

We mapped the flow based on real case, not assumptions. Each step was crafted to match how users actually work in the field, making the process simpler, faster, and more efficient.

Mechanic - From Course to Certificate

Mechanic - From Course to Certificate
Design Guidelines :
Design Guidelines :

Principles That Shape
Every Pixel.

Principles That Shape
Every Pixel.

We create a design guideline concept consisting of color combinations, typography, logo concepts, and several other design needs. This guideline will be used for branding needs, UI design, publications, and others.

We create a design guideline concept consisting of color combinations, typography, logo concepts, and several other design needs. This guideline will be used for branding needs, UI design, publications, and others.

Inter.
#5B45ED

Bold

16px, 18px, 24px

Semibold

14px, 16px, 18px, 24px

Medium

12px, 14px, 16px

Regular

12px, 14px, 16px

We chose Inter because it was designed for digital interfaces from the ground up. Its clean geometry and generous spacing make long reading sessions easier on the eyes, while its versatility across weights keeps the UI structured yet approachable.

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0123456789 - !@#$%^&*()_+

Create a free website with Framer, the website builder loved by startups, designers and agencies.