Mobile App Development

Credit Union Mobile Banking App

A React Native banking app with biometric sign-in, instant payments, card freeze and savings goals.

View live demo Opens a working demo with sample content in a new tab.
Union Savings demo on desktop and phone

On location

  • Piggy Bank — Union Savings
    Piggy BankPhoto: Artsy Crafty (CC0)
  • Bank Building — Union Savings
    Bank BuildingPhoto: Dave Meier (CC0)
  • Bank Finance — Union Savings
    Bank FinancePhoto: Artsy Crafty (CC0)
  • Equipment Banking — Union Savings
    Equipment BankingPhoto: vedanti (CC0)
  • Stocks Graph — Union Savings
    Stocks GraphPhoto: 50Fish (CC0)

About the Project

This case study covers a credit union mobile banking app built in React Native for a member-owned credit union. Members could already bank online, but everyday needs — freezing a lost card, moving money, saving towards a goal — still meant a phone call during office hours or a visit to a branch. Younger members in particular were drifting away.

We built an iPhone and Android app with biometric sign-in, faster payments with confirmation of payee, instant card controls and savings goals with optional round-ups. Card freeze is now available instantly, day or night; savings goals introduced a product the credit union could not previously offer; and app adoption reversed the decline in members under 35 in the first year.

About the Client

The client is a member-owned credit union serving people who live or work in its area. Its strengths are trust and personal service: members know the staff, and decisions are made locally. Its challenge was competing with the convenience of app-first banks without losing what made it different.

Security was non-negotiable. A banking app holds the keys to members' money, so every design decision — from how sign-in works to how the app talks to the core banking system — had to stand up to independent scrutiny before launch.

Project Goals

  • Let members sign in quickly and securely with Face ID or fingerprint.
  • Make card freeze, unfreeze, limits and lost-card reporting instant and self-service.
  • Introduce savings goals with optional round-ups on spending.
  • Offer faster payments with confirmation of payee and clear warnings before sending.
  • Pass an independent penetration test before launch.

Project Overview

The Challenge and Our Solution

The Challenge

Members could only reach their accounts through a desktop web portal built a decade earlier, while every bank they compared it with had an app. Younger members were leaving, card fraud was reported by phone during office hours only, and the credit union had no way to promote savings products at the moment a member looked at their balance.

Our Solution

We built a React Native app for both platforms against the core banking system, with security handled properly: biometric sign-in backed by device-bound keys, secrets in the Keychain and Keystore, certificate pinning and step-up authentication for payments. Members can freeze and unfreeze a card instantly, set savings goals with round-ups, view loan schedules and make faster payments with confirmation of payee. Everything was penetration tested before release.

Biometric Authentication Backed by Device Keys

Biometric sign-in is only as strong as what sits behind it. In this app, Face ID and fingerprint unlock device-bound keys held in the iOS Keychain and Android Keystore, rather than simply revealing a stored password. Higher-risk actions, such as sending a payment to a new payee, trigger step-up authentication.

Certificate pinning protects the connection between the app and the credit union's servers, so a compromised network cannot quietly intercept members' sessions.

  • Face ID and fingerprint linked to device-bound keys
  • Step-up authentication for payments
  • Certificate pinning on every API call

Instant Card Controls Members Can Use Themselves

Losing a card at night used to mean waiting for the office to open. Now a member can freeze the card in the app immediately, unfreeze it when it turns up, set spending limits or report it lost — without calling anyone. The change takes effect straight away through the core banking APIs.

It is a small feature with an outsized effect on how secure members feel, and it removed a whole category of anxious phone calls for staff.

Savings Goals and Round-Ups

Savings goals let members name a target, track progress visually and move money towards it in a couple of taps. Optional round-ups round each card payment up to the next whole amount and send the difference to the chosen savings account, turning spare change into steady saving.

For the credit union, this was a genuinely new product. Encouraging saving is central to its purpose, and the app made it part of members' everyday spending rather than something they had to remember to do.

  • Named goals with visible progress
  • Optional round-ups into a chosen account
  • Built on the credit union's existing savings products

Payments With Confirmation of Payee and Proper Testing

Faster payments include confirmation of payee, which checks that the name entered matches the account before money is sent, with clear warnings when it does not. Open banking connections allow members to see and move money in ways they expect from modern apps.

Quality and security were built into the process. Detox end-to-end tests exercise the critical journeys on real builds, and an independent penetration test was passed before launch, with every finding closed pre-release.

Our Process

How We Delivered It

  1. Member and Staff Research

    We spoke with members and branch staff to find the everyday tasks that most often turned into phone calls and visits.

  2. Security Architecture

    Authentication, key storage, certificate pinning and the connection to core banking APIs were designed and reviewed before feature work began.

  3. React Native Build

    One TypeScript and React Native codebase delivered the iPhone and Android apps, with shared components for accounts, payments and goals.

  4. Testing and Penetration Test

    Detox end-to-end tests covered key journeys, and an independent penetration test was completed with all findings closed before release.

  5. Launch and Adoption

    The app launched to members with in-branch support, and usage was monitored to guide the first improvements.

Key Features

What We Delivered

  • Biometric sign-in

    Face ID and fingerprint backed by device-bound keys, with step-up auth for payments.

  • Instant card controls

    Freeze, unfreeze, set limits and report a card lost without calling the office.

  • Savings goals & round-ups

    Goal tracking with optional transaction round-ups into a chosen savings account.

  • Payments with CoP

    Faster payments with confirmation of payee and clear pre-send warnings.

Outcome

Results and Impact

  • Card freeze available instantly, day or night, instead of a phone call in office hours.
  • Savings goals and round-ups introduced a product the credit union could not previously offer.
  • App adoption reversed the decline in members under 35 in the first year.
  • Independent penetration test passed before launch, with findings closed pre-release.

Client Feedback

What the Client Says

★★★★★

Members freeze a card at two in the morning without calling us.

Chief ExecutiveMember-owned credit union

Services

Services Behind This Project

The React Native App, React, Mobile App expertise we used to build this mobile app development — and can bring to yours.

  • React Native App Development

    Cross-platform React Native apps in TypeScript — one codebase for Android and iPhone, with native modules, offline support and over-the-air updates.

  • React Development

    Custom React.js front ends, dashboards and single-page applications built with TypeScript, reusable components and server-side rendering for SEO.

  • Mobile App Development

    High-performance Android and iPhone apps built with Flutter, Dart, Kotlin and Swift — from idea and UI/UX design to Google Play and App Store launch.

FAQ

Frequently Asked Questions

Is React Native secure enough for a banking app?

Yes, when the security architecture is right. The sensitive parts — key storage, biometrics and certificate pinning — use the platforms' native security features through well-maintained modules. What matters most is the design of authentication and the API layer, and independent testing before launch, which this project included.

How does the card freeze feature work?

The app sends the request through the core banking APIs and the card's status changes immediately, so new payments are declined until the member unfreezes it. Members can also set limits and report a card lost in the app, all available day and night.

Can a credit union offer round-ups without a new core system?

In this project, yes. Round-ups were built on top of the credit union's existing savings products and core banking APIs, calculating the difference on card payments and moving it to the chosen account. The approach depends on what your core system's APIs expose, which we review early.

What is confirmation of payee?

It is a check that compares the name a member enters with the name on the receiving account before a payment is sent. If they do not match, the app shows a clear warning, helping members avoid misdirected payments and certain scams.

Do you handle the penetration test?

We prepare for it, fix findings and support the testers, but the test itself should be carried out by an independent specialist. That independence is what gives members, boards and regulators confidence in the result.

What affects the cost of a mobile banking app?

The main drivers are the capabilities of your core banking and open banking APIs, the features in the first release, security requirements, accessibility, and the testing and approval process. A discovery phase covering integrations and security is the best way to produce a reliable estimate.

Similar Work

Related Projects

Case studies built with the same technologies or for similar needs.

  • Doctor Mask — Medlink Health
    • React Native
    • TypeScript
    • WebRTC

    Mobile App Development

    Telehealth Consultation App

    A React Native app for video consultations, repeat prescriptions and results — with encryption throughout.

  • Barista Latte — Mill Street Coffee
    • React Native
    • TypeScript
    • React Navigation

    Mobile App Development

    Coffee Chain Loyalty & Order-Ahead App

    A React Native app for Android and iPhone with stamps, order-ahead and push offers across 34 stores.

  • Semi trucks line up to pick — Northline Freight
    • React
    • TypeScript
    • Node.js

    Web Application Development

    Freight Dispatch & Driver Tracking Platform

    A live dispatch board built in React and Node.js that replaced a spreadsheet-and-phone workflow for 120 drivers.

  • Kestrel Wealth demo — home page
    • Next.js
    • React
    • TypeScript

    Headless CMS Website

    Wealth Management Insights Hub

    A Next.js front end over headless WordPress that took a compliance-heavy content library from slow to near-instant.

  • Guy Man — Altura Tours
    • Vue 3
    • Nuxt
    • TypeScript

    Booking Platform Development

    Adventure Tour Booking & Itinerary Platform

    A Vue 3 and Nuxt platform handling departures, seat availability, deposits and guide assignments for multi-day tours.

  • Office Work — Marchmont Brokers
    • Angular
    • TypeScript
    • RxJS

    Enterprise Web Application

    Insurance Claims Administration Portal

    An Angular portal that gave 200 claims handlers one screen in place of three legacy systems.

Let’s Connect

Want Results Like These?

Share your project details and our experts will get back to you within one business day with the best solution — free consultation, no obligation.