Wallet Home Redesign & Dark Mode

Outcome

A clearer wallet home: monthly exchange transactions rose 13%, from 21.9K to 24.8K, with take rate held at 4.1%. Withdrawals stayed stable, and dark mode shipped for comfort and accessibility.

Overview

For newly registered customers, the home screen has to be understandable from the first visit: where the balance is, how to move money, and what to do next. I led the home redesign and guided the dark theme through implementation for Skrill and Neteller: new information architecture and interaction patterns that improved understandability and usability. We tested 10+ UI concepts with customers before committing. Card ordering increased once Card had a clearer place in bottom navigation. Part of the wider trust-critical journeys story.

The problem

Key money actions were harder to find than they should be. Exchange was under-discovered. Navigation competed with itself, cards, rewards and notifications fighting for attention, which slowed orientation for people trying to move money quickly.

Design goals

Move balance actions next to the balance and improve findability of transaction actions.
Improve discoverability of exchange and faster orientation for multi-currency balances.
Rebalance bottom navigation: Card tab so card ordering increased; loyalty tab renamed to Rewards for clearer adoption; space for a notification centre.
Introduce a notification centre to reduce promo-banner dependency and banner blindness.
Ship dark mode to reduce eye strain and improve readability, satisfaction and accessibility together.

Free up space without killing discoverability, every move had to prove it didn’t hurt volume.

Outcomes

+13%monthly exchange transactions, 21.9K to 24.8K
4.1%take rate held with the uplift
Stablewithdrawal volume after move into Transfer

Card ordering and loyalty / Rewards discoverability improved via bottom-nav placement.
Notification centre opened new async interaction paths (feature updates, tasks, surveys) without overloading promo cards.
The planning and cross-functional coordination mattered as much as the designs: every structural move was checked against volume before and after.

Schematic before and after of the Skrill wallet home: promotions and engagement sit above money actions before; after, Add, Transfer and Exchange sit under the balance, with promotions below. — Schematic before / after — money actions above promotions.

Reflection

Home redesigns fail when they rearrange chrome for aesthetics. This one worked because every structural move had a job: findability, exchange, cards, rewards, quieter notifications, and we checked volume didn’t quietly regress when we moved things.