Fiserv,Everyday banking,
brought into focus.
Go ahead.
Make a move.
Explore a reconstructed OneBANK interface. Open an account, inspect the balance history, reveal a transaction, or lock the demo card.
- Tap Checking to explore the account.
- Switch the history range and inspect the graph.
- Open a transaction, then try the bottom navigation.
New portfolio interaction concept based on archived UI. All financial data is synthetic. No bank connection, real card changes, deposits or payments.
Native UI layers animate within the screen.Finance in motion
Balance-history graphs draw from illustrative data.A human context
Original AI-generated cutaways, not customer footage.
Built around
everyday banking.
A white-label mobile experience for small-to-mid-sized banks. Familiar tasks, a clearer hierarchy, and the essentials always within reach.
Make the important
things easy to find.
The brief centered on the four most-used features. The interface gives balances room to breathe, keeps transaction details legible, and puts recurring actions in a persistent navigation bar.
The visual direction balances a quiet, trustworthy foundation with an adaptable look and feel for the banks using it.
A consistent place
for the next step.
Accounts, card management, mobile deposits and payments connect through a compact, recurring navigation system.
Overview
Fiserv’s brief was to design a white-label mobile banking app for small-to-mid-sized banks serving rural America, with priority given to the four most-used features.
As Senior Product Designer, Mike Bray developed the look and feel in alignment with executive stakeholders’ business goals. The archived work includes account overview, transaction history and search, card management, deposit enrollment, and transfers.
This case study gives that interface work a new editorial presentation. It pairs the original screen designs with new device compositions, conceptual photography and a purpose-built motion study.
Credits & presentation
Original product work
Client — Fiserv
Senior Product Designer — Mike Bray
Interface imagery — original portfolio archive
Portfolio presentation / 2026
Nidobrand / Mike Bray
Reconstructed interface & interactive prototype
Original motion design and synthetic demo data
AI-generated photography & human-use footage
About the film
The opening preview is an actual animated capture of the new OneBANK portfolio website, with a seven-second moving hero and ticker hold and pauses at the carousels and blue-line animation. The standalone device collage sits directly below, followed by an eight-second calculator animation paired with static mobile website artwork. The investor headline and calculator figures are illustrative portfolio concepts. These presentation assets do not document a shipped Fiserv website or product release.
About the imagery
The fourth presentation image shows the new OneBANK website on an iPad in an original lifestyle setting. The final paired study places a static mobile navigation concept beside a looping OneBANK website animation. The photographic scenes are new conceptual portfolio assets. They do not document a Fiserv campaign or a new product release. Original archive boards remain available below.
View the original interface boards
