Commencis · DenizBank

A banking app that starts from your life, not the product list

The complete UI of two MobilDeniz features: Size Özel (“Just for You”) and Deniz’de Yaşam (“Life with Deniz”).

Client
DenizBank, via Commencis
Role
Senior UI Designer
Year
2025–2026
Tools
Figma · Shared component library
DenizBank Size Özel and Deniz’de Yaşam case study cover

Overview

People think about their life, not their products.

Banking apps are organized by product: accounts, cards, loans. People think about their life: their home, their car, what’s due next.

At Commencis, I designed the complete UI of two MobilDeniz features that start from the customer instead: Size Özel (“Just for You”) and Deniz’de Yaşam (“Life with Deniz”).

Business goal

  1. Start the app from the customer, not the product list.
  2. Show each customer their own financial picture and next steps on one screen.
  3. Group everyday banking around Home, Car, Family and Travel.
  4. Present offers in a way that feels relevant, not pushy.

User goal

  1. See my balance, credit score and what’s coming up at a glance.
  2. Shape my home screen around the shortcuts I use.
  3. Find everything about my home, car, family or trips in one place.
  4. Get reminded before insurance or other dates expire.

Size Özel · Home screen

Your finances, what’s coming up, then offers.

Size Özel shows each customer their own financial picture and relevant next steps on one screen. Personal content comes first; offers come last.

Size Özel home: balance, credit score and weekly calendar
Notifications, quick actions and personal offers
Earnings, campaigns and Deniz’de Yaşam entry
Campaigns and Deniz’de Yaşam entry cards

Financial snapshot

Total balance with monthly change, and credit score on a simple color scale with a plain-language status.

Financial calendar

A weekly strip that marks days with money events, like interest earned.

Editable quick actions

Customers search, add and reorder their shortcuts, introduced with a one-time coachmark.

Personal offers last

Loan offers, cashback and campaigns come after personal content, so they feel relevant, not pushy.

Size Özel · Going deeper

Every block opens a focused view.

Each block on the home screen opens a focused view: the credit score explained, a full calendar of money events, financial status and spending over time, and what you’ve earned (or missed) in bonuses and cashback.

Credit score with range tooltip
Monthly calendar of money events
Financial status bar chart of assets and payments
Monthly payments broken down by card
Spending by category donut chart
Spending share for a single card
Choosing which cards to include
Bonus and cashback earned on each card
Bonuses missed, by sector and merchant

Deniz’de Yaşam · Smart entry cards

Cards that change with the customer.

Each area’s card changes with the customer’s state: “Discover” when it’s empty, “See my car” when it’s set up, and a reminder when something is due. A one-time tooltip explains what lives inside the hub.

Home screen with Deniz’de Yaşam entry cards in different states
One-time tooltip over the Deniz’de Yaşam entry cards

Deniz’de Yaşam · The hub

One hub, four areas.

Pill tabs switch between Home, Car, Family and Travel. Each area has its own quick actions, an expandable monthly cost summary, and alerts before insurance or other dates expire.

Home area with bills, tax and spending
Car area with toll pass, vehicle tax and fines
Family area with monthly costs by category
Travel area with an insurance reminder
Travel area with a trip photo and spending by category

Deniz’de Yaşam · Every state

From empty to set up.

Every state is designed: empty states that invite the first step, forms that collect the dates reminders depend on, and detail views that keep it all in one place.

Empty Home area with an Add Home button
Add Home address form
Car details with insurance and inspection dates
Family area ready to set up

Design system

One component family, ready for handoff.

One component family

Both features share one reusable “ForYou” component family built with slots.

Every state covered

Empty states, alerts, bottom sheets and a safe “remove” confirmation where Cancel is the primary action.

Ready for handoff

Every state is documented with developer notes.