View more
Published in
2019

Novo Banco. Classy bank, neo experience.

Bohdan Kononets
Services
UX Design
UI Design
iOS App Design
Product Redesign
Deliverables
iOS App Build
Figma Source Files

Novo Banco is a major Portuguese bank.

We redesigned it as an iOS app, unifying fragmented legacy banking flows within existing system and compliance constraints. Everyday banking needed to feel clearer and more modern without breaking user trust — and the redesign delivered that within a major bank's regulatory boundaries.

Onboarding Tour of Five Bank Features

A five-screen onboarding carousel introduces first-time users to bill payments, security, crypto, transfers, and contactless pay before the dashboard. Each screen pairs one feature with an illustration.

Novo Banco iOS onboarding carousel screens for bill payments, security, and crypto features
Novo Banco onboarding screen introducing the transfer money feature
Novo Banco onboarding screen introducing contactless easy pay at a terminal

Home Dashboard for Cards and Investments

The Today dashboard for the Novo Banco iOS app surfaces card balances, virtual cards, and savings goals in one scrollable view. A second tab lists live stock, crypto, and metals prices for the same account.

Novo Banco dashboard screen with savings goal, currency exchange, and stock prices
Novo Banco dashboard screen with Bitcoin chart, Etherium price, and metals prices
Card Details and Savings Goal Screens

Card details, savings goals, and planned incoming payments each sit on their own screen within the same navigation pattern. Goals show a progress bar and due date; the notification banner confirms an incoming transfer.

Novo Banco expanded card details, savings goal, and incoming payments states
 Novo Banco received payment detail with delivery tracking information
Novo Banco notification detail for an incoming money transfer
Novo Banco currency exchange detail screen for buying foreign currency
Novo Banco expanded stocks watchlist with live price changes
Live Rates for Stocks and Crypto

The exchange-rates screen lists stocks, currencies, and crypto side by side for the same account. A dedicated Bitcoin view adds today's open, high, and low plus a price-alert toggle.

Novo Banco exchange rates screen with stocks and currency favorites
Novo Banco exchange rates screen with currency browsing by region
Novo Banco Bitcoin detail screen with price chart and rate alert toggle
Navigation Menu for Banking Features

The main menu groups Bank, Savings, and Queries into collapsible sections, including NIB/IBAN/SWIFT details and operation history. A separate settings list covers notifications, location, Touch ID, and privacy.

Novo Banco menu screen with expanded Queries section and account tools
Novo Banco settings list with notifications, location, Touch ID, and privacy
Chat Support for a Stolen Card

The Help Center opens as a chat with quick-reply buttons for account, cards, payments, and a stolen-card report. Selecting "Stolen card" walks the user through choosing the affected card before escalating.

Novo Banco chat screen for selecting a stolen card to report
Novo Banco Help Center chat with quick-reply options for account and cards
Novo Banco chat screen confirming the selected stolen card
Widget Controls for the Home Screen

A dedicated settings screen lets users add or remove dashboard widgets – stocks, financial goals, cards, blockchain, and scheduled payments – independently of the main settings menu.

Novo Banco profile screen with feedback, call, and widget removal options
Novo Banco add-widget list with blockchain and scheduled payments options

Services Hub for Bills and Transfers

The Services screen lists favorite actions, mobile top-ups, and state payments alongside a running transactions feed. Search and quick-access favorites reduce taps for repeat bill payments.

Novo Banco services screen with favorite payments and mobile top-up options
Three-Step Flow for Virtual Cards

Creating a virtual card takes three steps: pick the linked card and its purpose, add a name and personal note, then link the finished card to a wallet, a contact, or a payment. A progress bar tracks each step.

Novo Banco virtual card step one with linked card and purpose selection
Novo Banco virtual card step two with name and personal note fields
Novo Banco virtual card step three linking the card to wallet or payment
Form for International SWIFT Transfers

The international transfer form collects beneficiary details, IBAN, and BIC under compliance rules typical of regulated Fintech products. A second screen sets the value date, amount, and charge type.

Novo Banco international transfer form with beneficiary and bank details
Novo Banco international transfer form with payment order and charge type
QR and Biometric Payment Verification

Paying an invoice starts with scanning a QR code, then confirming identity through a voice phrase and a face-position check before the payment completes. Both biometric steps run inside the same flow.

Novo Banco QR code scan screen for paying an invoice
Novo Banco voice verification screen reading a prompted phrase
Novo Banco face-position verification screen with contour guide
Chat-Style Peer-to-Peer Transfers

Sending money starts from the national contacts list, searchable by phone number or name. The transfer screen then opens as a chat, with a numeric keypad and a message field next to the amount.

Novo Banco national contacts list searchable by phone number or name
Novo Banco send money screen with numeric keypad and message field
Mobile Top-Up for Nine Carriers

Topping up a phone starts with picking one of nine carriers, from Vodafone to AT&T, then a fixed phone number and preset amount buttons – €5, €15, €60, or €250 – complete the payment in two taps.

Novo Banco mobile payment screen with nine carrier options to choose
Novo Banco mobile top-up amount screen with preset payment options

Transaction Feed with Merchant Detail

The activity feed groups transactions by day and merchant, from streaming subscriptions to mobile top-ups. Tapping any line opens a detail screen with card, location, and category.

Novo Banco activity screen with search bar and daily transaction list
Novo Banco activity list grouped by date with merchant categories
Novo Banco transaction detail screen with merchant, card, and location

Branch Map with Live Busyness Data

The branch and ATM map shows a collapsed pin with hours and distance, or an expanded view with phone number, photos, and an hourly busyness chart. Both states share the same card layout.

Novo Banco map screen with ATM pins and nearby branch list
Novo Banco collapsed branch card with hours and phone number
Novo Banco expanded branch card with busyness chart and customer review

Modernising a banking or fintech app inside compliance constraints and inherited system logic? We design within those boundaries, not around them – reach out with your setup.

Ready to start your own project?