← Selected work

Case study

A Fairytale Gone Wrong

Once upon a time, the biggest bank in the country asked design agencies for redesigned task flows. We showed up with three fully designed apps.

UX/UIMobileWeb

2 products

redesigned end to end by me: the personal banking mobile app and the web app

9 clicks to 2 steps

what happened to the payment flow

3 full prototypes in 10 weeks

from a team that was only asked for task flows

The redesigned InternetBank dashboard: master-detail layout with sidebar navigation, account overview, active cards, and loans.
Client
The largest bank in Macedonia (under NDA)
Role
UX/UI Designer, owning 2 of 3 applications
Agency
Division Marketing
Timeline
January to March 2023
Deliverables
Research, IA, dashboard and payment flow redesign, feature proposals, full prototype, delivered as an RFP pitch

The ending has a twist. It's at the bottom. Here's the work.

The challenge

Three apps, one dated experience

The country's leading bank ran digital banking across three separate products: mBank (personal banking, mobile), mBankCo (business banking, mobile), and InternetBank (web, serving both). All three looked a decade old, and routine tasks felt like paperwork. Recognizing the problem, the bank issued an RFP inviting agencies to pitch redesigned task flows.

Decision 1

Task flows wouldn't win this. Full prototypes might.

We were an agency with no FinTech track record, pitching against firms with plenty. Matching them flow-for-flow meant losing on credentials, so we changed the game: instead of task flows, we would present fully designed prototypes for all three apps.

That decision set the pace for everything. Our UX department split into three teams, one per application. I took two of the three products: the personal mobile app and the web app. This case study covers my process, my decisions, and what I'd still defend.

Understanding the problem

Understanding our users

I started with internal research: a survey of colleagues who actually used the bank's apps. It gave us demographics, habits, and pain points fast.

68%

reported frustration with overly complex workflows

12%

couldn't make sense of crediting information

Check account balances96%
Pay bills40%
Transfer money36%
What the apps were actually used for. The dashboard and the payment flow had to carry almost everything.

Core users were 18 to 35. Personal banking happened almost entirely on mobile, business banking on the web app, with little overlap. That split shaped the information architecture later.

Competitive landscape. I analyzed direct and indirect competitors in the country and the region to spot the gaps: features users wanted that nobody local offered well.

FeatureThe clientErsteOTPNLB
Account managementYesYesYesYes
Bill paymentsYesYesYesYes
Money transfersYesYesYesYes
Mobile depositsYesYesYesYes
ATM & branch locatorYesYesYesYes
Alerts and notificationsYesYesYesYes
Card managementYesYesYesYes
Personal financial managementNoNoYesYes
Loan and mortgage applicationsNoYesYesYes
Security featuresYesYesYesYes
Customer supportYesYesYesYes
Cardless transactionsNoYesYesYes
Personalized offersNoYesYesNo
Financial educationNoYesYesYes
The competitive matrix, rebuilt from the research: parity on the basics, five feature gaps on the client's side (the tinted rows). Those gaps became the redesign's openings.

Two users, two mindsets. The research pointed to two distinct segments: individuals managing personal finances, and professionals handling money for businesses. I built a persona for each to keep design decisions anchored to real needs rather than stakeholder preferences.

Kristina, 32

Chief Financial Officer · Bitola, Macedonia

Business segment
Streamline the banking tasks my workday runs on, efficiently and without visiting a branch.

Background

A tech-savvy professional managing finances for a mid-sized marketing agency, with a master's degree in economy. Her job puts her on the bank's platform daily: her company is a client of the bank, and she holds personal accounts with it too.

Goals

  • Save time and effort on everyday finances and banking tasks
  • Gain better control over her financial situation and goals
  • Fewer in-person bank visits, more efficient business processes
  • A consistent experience across platforms and devices

Needs & expectations

  • Routine tasks done fast: balances, payments, bills
  • Online applications for loans and insurance, with loan tracking
  • Budgeting features: expense tracking, spending insights, financial goals
  • A smooth, intuitive interface with clear navigation and minimal friction

Frustrations

  • The fund transfer and payment flow is confusing and time-consuming
  • Can't cover all her business needs in-app; still visits the branch
  • Features and information missing on some devices and platforms
  • Far too many steps to complete a single payment
  • No way to apply for a loan online or track her current loans
The two personas: Kristina runs a company's money, Boryan runs his own. Rebuilt from the research deck.

Decision 2

One dashboard, two logged-in worlds

Every existing app suffered from convoluted navigation, so I rebuilt the information architecture for both of my products. The rule I set: reorganize aggressively, but keep the mental model familiar enough that a long-time user never feels lost.

InternetBank · web app dashboard

  • Business banking
    • Local currency payments
      • Transactions
      • Reports
      • Cards
    • Foreign currency payments
      • Transactions
      • Reports
      • FX market
    • POS terminals
    • Credits
    • Time deposits
    • Applications
  • Personal banking
    • Local currency payments
      • Transactions
      • Reports
      • Cards
      • Savings accounts
    • Foreign currency payments
      • Transactions
      • Reports
      • FX market
    • Credits
    • Applications
    • Gift cards
  • Profile
    • Personal information
    • PUK code
    • Change password
    • My devices
    • Subscriptions
    • Change limits
  • Dashboard widgets
    • Accounts
    • Cards
    • Credits
    • Recent transactions
    • Notifications
The rebuilt information architecture, one tab per product: payments split by who is banking, not by back-office vocabulary, and the mobile dashboard carries the daily essentials.

First screen, most-used features, zero digging. The dashboard is the first thing users see after login, so it earns the research-backed essentials: accounts, active cards, recent transactions, and a credits and loans section users explicitly asked for. I chose a master-detail layout: the sidebar gives quick access to features, the detail pane shows actions for whatever is selected.

The redesigned InternetBank dashboard: master-detail layout with sidebar navigation, account overview, active cards, and loans.
The InternetBank dashboard final design.

One login, two worlds. Legal regulations forced everyone to register as an individual, with business features unlocked by linking a legal entity. The old app handled this by stacking everything into one endless scroll. My solution: split the sidebar into "Individuals" and "Companies" tabs based on the user's login association. One click, and you're in the right context.

The old navigation: one endless list of account numbers grouped under payment-operation headings, no visual hierarchy.
Before
The redesigned sidebar: Companies and Individuals tabs on top, then payment operations grouped into Transactions, Reports, Cards, and Saving account.
After
Before: every account number in one endless scroll. After: one click into the Individuals or Companies context, then grouped operations.

Decision 3

From a 9-click maze to two steps

The old flow, in all its glory. Making a single payment worked like this: fill out an electronic order form, click "Insert" to file it under a tab called "Entry." Go to Entry, select the order, click "Send for signing," then navigate to the "Signing" tab. Select it again, click "Sign," which moves it to a "Realization" tab. Go there, select it a third time, click "Send for realization." Then refresh the browser manually to find out whether the payment actually went through.

9 clicks and 3 tab-hops

to make one payment, wrapped in confusing labels and no visual hierarchy

Step 1 of the old flow: the electronic order form with payer and payee fields, and the Insert button circled: 1 click.
Step 2, the Entry tab: select the order, click Send for signing, then navigate to the Signing tab: 3 clicks and a mouse movement.
Step 3, the Signing tab: select the same order again, click Sign, then head for the Realization tab: 3 more clicks.
Step 4, the Realization tab: select the order a third time and click Send for realization: 2 final clicks, then refresh the browser to see if it worked.
The old payment flow, tab by tab: form → Entry → Signing → Realization. Nine clicks, three re-selections of the same order, and a manual refresh to learn the outcome. Bank name blurred for the NDA.

I mapped the entire process in a user flow chart first, which made the redundancy obvious: users were re-selecting the same order three times across three tabs.

Sign in

  • Start
  • Login screen
  • Knows password?
  • Two-step verification
  • Enters the received code?
  • Dashboard
No
  • Forgotten password
  • Username, email, phone + captcha
  • Reactivation notification
  • Back to login
No
  • End

Create the order

  • “Individuals” in the sidebar
  • E-orders
  • Payment screen
  • Inputs payment details
  • Proceeds?
  • Transaction details
Or
  • Chooses from templates
  • Batch: selects multiple orders
No
  • End

Sign and confirm

  • Signs the order/s?
  • Payment successful
  • New order?
  • End
No
  • Cancels orders
  • Confirms cancellation
  • Cancellation successful
Yes
  • Back to the payment screen
The payment flow mapped end to end. Laid out like this, the old app's redundancy had nowhere to hide, and the redesign collapses the whole middle into one screen.

The redesigned flow takes two steps. Create the order and confirm it, all on one screen, with templates and batch actions built in. Crucially, I preserved the task logic existing users already knew: same concepts, radically less friction.

The redesigned flow: create the order and confirm it on one screen, with templates on the right and batch actions and signing built in.

Beyond the brief

Proposing what wasn't asked for

Research showed clear demand for effortless transfers, so the team and I proposed "Together it is Easier": send money to phone contacts who also use the app, and split bills and receipts directly in-app. The name plays on the bank's own tagline.

I also sketched a five-year roadmap: QR payments, a personalized secondary navigation for each user's most-used features, and biometric quick balance checks.

Three screens from the five-year plan: contact transfers, the personalized mobile dashboard with weekly spending and savings goals, and a biometric quick balance check on the login screen.
“Together it is Easier” and the five-year-plan screens: transfers to phone contacts, a personalized dashboard, and quick balance checks before login.

Results

This is the part where the fairytale goes wrong

We didn't win the pitch. The feedback pointed at our lack of FinTech experience, not at the work, which is both frustrating and fair: it was the exact risk our full-prototype bet was designed to offset. It got us into the room against firms with deep track records. It just wasn't enough to close.

Had it shipped, I would have measured it properly: task success rate and completion time on the payment flow, retention, and NPS, with the 68% workflow-frustration figure as the baseline to beat.

Lessons learned

The bet I'd still make

I'd still make the same call. And the project paid for itself in other ways: I designed two interconnected products under a 10-week deadline, ran research through final prototypes on both, and learned how far a small team can stretch when the format of the answer is itself a design decision.