Afterpay - experience design

published

Helping Afterpay expand beyond buy now pay later through personalised banking experiences and customer-centred storytelling.

Role

Design team lead
(4-designer squad)

Timing

16 weeks → MVP

Impact

Propensity to try score increase

↑ 120%

A hero image showcasing Afterpay’s digital ecosystem, including marketing visuals and app interfaces, with the tagline "Get to feel good about your money."

Mission

Create a differentiated banking experience without a banking licence.

Constraints

  • Tech stack decided
  • Base build in flight
  • Exec pressure to launch
  • Marketing pressure to differentiate
  • Protective custodians of the established core business services

Key calls

  • Launched invite-only pilot to build trust
  • The first best customer target
  • Influenced launch features towards what boosted trust first

The situation

Before its acquisition by Block, Afterpay had its sights on banking. We joined as they were rapidly establishing a core product team, building baseline mobile-banking functions, and bringing on marketing and support services as they approached go-to-market.


The tension in the ambition

The Buy Now Pay Later market in Australia tripled to A$10 bn in FY20, yet it was still just 2% of all card spend—leaving 98% to gain.

Consumers loved the extra spending power (Afterpay posts an NPS of +53.6 vs the big four banks’ +2.1). But users knowingly risked debt they couldn’t absorb.

  • 1 in 5 users missed a repayment last year
  • 84% of financial counsellors now see BNPL debts in hardship cases
  • 61% say clients cut food or rent to keep accounts open

Why this matters

If Afterpay’s next act is full-service banking, it must address these trust issues head-on.

Offering banking services, where trust is everything, would otherwise be an uphill battle. If they can’t turn financial anxiety into genuine confidence, their permission to play in that space is shaky.


Our job

Open a path for Afterpay to tap the larger A$505 bn transaction space by flipping pain into lasting confidence, designing an experience that grows fast without taxing the people it serves.


Framing the challenge

How do we help customers reimagine their relationship with money and trust Afterpay to lead the way?


Where we started

"I probably wouldn't want to have it as my banking app to be honest... If you're in the mindset where you're trying to save for something, it's not great, it could really tap into bad habits."
27 yo concept tester, AU

Making progress

"I probably wouldn't use it instead of Up just because I've been with them for so long, but I'd use it as an extension of what I'm already using..."
25 yo concept tester, AU

The shift

“The story part is brilliant, it’s so different from conventional banking apps. It gives you assistance in context, which provides a good, positive mental aspect
33 yo concept tester, UK
"I really like it. It's more pressure on the big 4 to just not be shitty. I feel like this is really interesting with Afterpay getting involved in the banking side of things."
28 yo beta tester, AU

What moved the needle

Crafting a visual journey that cultivates a positive relationship with your money.

Personalised data stories

Giving an in-depth view of your finances with a reels-style playback distilling data into the story of your money. Giving you recognition and inspiring action towards your goals.

Rapid prototypes used as testing stimuli

Colour as a quick money temp-check

One-glance mood ring for your money: warm = spending, green = earned, purple = saving.

Three iPhone mock-ups of a conceptual Afterpay banking app, each greeting a user named Sulin and showing a different balance ($140 · $638 · $700) on pastel gradient dashboards, with a swipeable carousel of themed sub-accounts beneath the hero card.


Process breakdowns

Research, persona building and hypothesis generation

Deep audience understanding

With our directive in place, we aimed to understand audiences’ relationships with money, general wellness, and financial wellness.

What we learned

Managing money is an ecosystem: no single institution, app, or tool rules it all. People build bespoke systems that flex with context, situation, and ambition.

A "Value Well" diagram illustrating customer expectations in four categories: Context, Tools, Content, and Community. The visual uses stacked bars to represent trade-offs and priorities for money management behaviours.

The journey

The behaviour spectrum provided context, but focus had to be targeted. The top end comprised people who’d already found the help they needed; the bottom, those not ready or interested. We landed in the middle—users who are intrinsically motivated but need to build confidence and self-trust.

A financial journey map highlighting user tools evolving from inherited toolkits to autonomous money systems. Key milestones include curated toolkits and moments of external guidance.

A working hypothesis

At this stage, an idea was forming. For the intrinsically motivated, was it possible to provide guidance for users to reach confidence alongside the utility needed to get there?

The behaviours

So we defined a spectrum of behaviours, emotions, considerations and challenges the potential customer faced using their money.

A behavioural spectrum diagram showing user personas across two axes: trust with money and engagement levels. Featured personas include Amy, Celine, Sulin, Latika, and Riley, positioned to represent varying levels of trust and motivation.
A comparison of five user personas—Amy, Celine, Sulin, Latika, and Riley—each with a quote summarising their approach to money, ranging from minimal engagement to confident financial management.

The first best customer

The range of behaviours provided important context, but the focus needed to be targeted. At the top end, we had people who had already found the help they needed and at the lower end were people who were not ready or interested yet.

The middle is where we landed with a mix of intrinsic motivation but needing to build confidence and self trust.

A persona profile for Sulin, detailing her financial relationship, needs, and goals, with metrics like confidence, trust, and accountability visualised through sliders and charts.
A persona overview for Sulin, highlighting her financial influences, goals, tools, and behaviours, including quotes about her current money habits and aspirations.

The entry point

Breaking down the range of use cases for various services, there were clear areas where switching costs were low and people were willing to try new services or use them to take advantage of starting offers.

A chart mapping financial tools like savings accounts and BNPL along axes of replaceability (easy to hard) and engagement (low to high), with a highlighted zone for optimal utility and engagement.

Strategic positioning

Redefining the mission

To help people build a healthier relationship with money through personalised guidance that goes beyond generic rules. By balancing emotional and rational needs, we create partnerships that foster long-term financial confidence.

Where competitors see data points, we see people—and we meet them where they are to guide them toward a money-positive future.


Defining the vision

Establishing the brand

With a common pattern of beliefs and behaviours that hinder financial growth and security, the antidote was cultivating a “money-positive” mindset.

A brand proposition diagram centred on "Money Positive" with associated elements: purpose (fairness and financial freedom), mission (empowering a money-positive mindset), and territories like anti-money-shaming and personalised futures.

The content experience from out-of-app to in-app journey

For this to be effective, we needed to be where the audience was as much as assisting through the utility. The experience and the message needed to be considered beyond the in-app user flows.

A user content journey funnel displaying categories like "Show me why I should care" and "Show me what I should do," with visual examples of marketing and in-app content supporting each stage.

Detailing the user journey

A timeline of Sulin's first three months with the product, illustrating phases from contextualisation to exploration, with emoji markers and actions like onboarding and goal-setting.

Mapping the MVP feature and content sets

A lifecycle chart mapping user engagement triggers (e.g., anxiety, boredom) across phases of financial habits, from basic budgeting to long-term savings. Includes a focus on community and data-driven goals.

Designing the system

Developing their narrative

Being strictly factual with the presentation of money is necessary, but not the whole story. However, telling the entire story is highly subjective and risks abstracting reality.

We developed a framework to help keep storytelling devices balanced between rational and emotional needs to help users understand their money, tell their stories and hear others.

A visual representation of the flow state, mapping financial behaviours on axes of rational/concrete to emotional/aspirational, with categories such as income, outgoing expenses, investments, and accumulation.
A breakdown of financial wellness into rational and emotional dimensions, comparing factors like current financial stressors, perceived financial future, and the balance of income, spending, and saving.
A formula diagram illustrating 'Money Positivity,' combining three elements: data (personalised flow visualisation), actionable steps, and relevant content tailored to the user’s financial journey.

Designing the system

The framework we developed evolved into a system that empowered users to engage with their finances in a meaningful way.

By integrating tools for storytelling and visualisation. The system enabled users to better understand their financial journey while fostering trust in Afterpay’s vision of a “money-positive” mindset.

Key elements of this system included:

  • Visual tools to break down complex financial data into digestible insights.
  • Narrative features that allowed users to share and learn from others’ financial journeys, creating a sense of community.
  • Personalised prompts that encouraged incremental behaviour changes aligned with long-term financial wellness.

Defining taxonomies and visual logic

A table outlining action recommendations for user scenarios with high or low engagement in areas like saving, spending, and future planning. Includes a list of considerations for cadence and content relevance.
A taxonomy diagram categorising financial behaviours into three groups: Incoming (e.g., pay received, account balance), Outgoing (e.g., bills, social expenses, transportation), and Future Me (e.g., savings, aspirations).
A gradient-based data visualisation with three categories: incoming, outgoing, and future-me financial flows. Displays how majority flow signals are represented with distinct colours.

Conceptualising the delivery devices

A visual mockup showcasing multiple devices with Afterpay-branded UI designs, including app screens, a website, and marketing materials. Tagline: "Get to feel good about your money. A progression visual comparing an existing home dashboard carousel with an MVP redesign featuring dynamic colour schemes and personalised greetings for improved user engagement.


Creating the templates

A grid of story templates for dynamic and static app content, showcasing personalised transaction details, spending summaries, and motivational messages tailored to user behaviour.

Extentending the format to IRL

A set of posters in a street setting promoting Afterpay’s brand narrative, featuring taglines like "Meet Dizzy Haus" and "The Girls that Depop'd their way to a fashion empire."

The cutting room floor

With the tech stack frozen and a pilot launch clock already running, we had room for exactly one differentiator. Advanced components, nice-to-have flows, even a proper CMS for the content-led feature—stayed on the cutting-room floor.

We bet the launch on the slimmest version possible and deferred the rest. We scoped this down to the following critical set.

Product roadmap detailing key features, their dependencies, and timelines for a financial management tool, including flow data structure, content repository, money groupings, user experience improvements, and personalised recommendations.


What I’d change next time

Once the acquisition news hit, I realised we’d been chasing the wrong story. We were two reporting layers down; discussions about M&A risk never reached our room. The signals were there, and we missed them—but the lessons are clear.

  1. Ask the big-picture question.
    If a project might hedge an acquisition, raise that possibility with the exec sponsor and optimise for a rapid proof point. This is optics work now.
  2. Lead with a testable hunch.
    Pick a hypothesis, back yourself, and let research shoot it down—or not. Digging for a mission after the fact is just archaeology.
  3. Ship the smallest coherent slice.
    Our “Data Stories” feature delivered 90 % of what was needed, yet we kept pushing for a complete banking service.

Metric worth tracking: time-to-insight over time-to-mission-statement. Net result: Faster market signal, tighter story, smaller research bill.


Team composition

Our team

  • Experience design lead
  • UX and UI designers
  • Strategists
  • Researchers

Afterpay’s team

  • Product managers
  • Product marketers
  • Product design teams
  • User Researches
  • Engineering teams
  • Associated teams that primarily served the BNPL services