BCC Mobile – Homepage Redesign
Fintech · Mobile · 2026

BCC Mobile – Homepage Redesign

RoleSole Product Designer
TeamPO, analysts, dev, QA
ShippedJuly 2026
PlatformiOS & Android

Redesigning the first screen every BCC mobile banking user sees – and the main entry point to the bank’s products. Impact: in the first weeks after launch, click-through from Home to product pages grew 2.8× (1.52% → 4.26%).

UX problemOvercrowded Homepage: Lacked hierarchy, serving as an unorganized catch-all for banners, navigation, and notifications.

Low Discoverability

Buried Essentials: Checking balance was pushed below the fold, and cashback was reduced to a flat technical line.
Business problemRevenue Leakage: As the top-trafficked screen, the homepage should drive revenue through product opening, but intent was lost in workaround paths: ~57% of Services category traffic goes to just four product categories.

High Stakes: Key retention drivers (cashback) were hidden, requiring an urgent redesign within roughly one quarter.

Context

Qualitative research says: conducted a year ago confirmed the hypothesis that most users overlook the product-opening navigation.

Out of 16 participants in the study: Only 2 of 16 reached products via the Home widget; the rest went through Stories (6) or Services (8).

Qualitative research – selection errors on the Home screen.
Qualitative research – selection errors on the Home screen.

Analytics reveal: that the unusually high traffic for opening new products via the "Services" section is actually driven by the poor visibility of that same feature on the main Home screen, rather than a genuine user preference for that path.

Services traffic by category – almost a third of daily users concentrate on “Loans”.
Services traffic by category – almost a third of daily users concentrate on “Loans”.

Statistics confirm: In the Services tab, the four biggest product categories (credits, cards, current accounts, deposits) account for ~57% of Services category traffic. This indicates that users are not exploring the "Services" section naturally; instead, they are actively hunting for a way to open a product because they fail to notice the designated "New account or product" button on the main page.

The four biggest product categories dominate Services traffic.
The four biggest product categories dominate Services traffic.

Task

The Homepage redesign sat inside a broader rework of the app’s information architecture (Services and History were redesigned in parallel by teammates); I owned the Homepage. The brief: Rethink the Homepage IA instead of patching the product-opening issue. Design a new personalized PFM widget and redesign how cashback is presented.

Hypotheses

Core bet: the engagement problems were about prioritization, not missing functionality.

Everyday users ignored the old financial tool because it was too complex and generic. Replacing it with a simple, personalized widget fits their actual needs much better.

To keep the Home screen clean long-term, features were moved out into dedicated sections based on what users are trying to do.

Home screen with the risks of the new layout.
Home screen with the risks of the new layout.

Risk: Mini-apps will end up here due to low engagement in the Services section.

Risk: Seeing user attention concentrated on Home, other services will naturally want to be placed here.

To see their balance or open a product, a user has to scroll one and a half screens.

Job Stories

When I open the app, I want to quickly open a new product without hunting for the option, so I can act in the moment I decided I need it.
When I check my balance, I want to understand my spending at a glance, so I can feel in control of my finances without digging through a full PFM tool.
When I earn cashback, I want to see its real value clearly, so I feel rewarded for using the app.

Architecture

Guided by a single-responsibility principle — each section gets one clear job.

The Homepage’s job: strictly financial — balances, products, key actions; quick control. Anything off-job was deprioritized or removed (e.g., screen-customization was temporarily dropped rather than preserved).

Within that scope, content was split into two thematically distinct widgets instead of one general area:

Concept

Early layout

Built on BCC’s existing design system (no new branding).

Layout
Layout

The two widgets use distinct 3D-style iconography so users understand each at a glance before reading labels. The analytics widget was designed as the first step toward a modular system — future iterations let users swap a category view and a chart-based view of the same widget.

Analytic's widget
Analytic's widget

Before/After

The redesigned Homepage surfaces product opening through a dedicated “You might be interested” section, replacing a small icon buried in a 3-item quick-services row. It shows seven offers: the product categories that dominate Services traffic (the four biggest alone account for ~57% of Services category traffic), plus metal accounts, which we added deliberately to draw attention to a low-audience product. Cashback is now shown as a live, personal value rather than a flat icon. A new “My Analytics” widget gives users a lightweight income/expense preview.

BeforeAfter – Redesign
Before: old BCC homepage After: redesigned BCC homepage
Drag me

Results

Shipped in v4.36 — July 16, 2026.
Next case studyGo to ESG Trees – Sustainability Initiative ← All projects