Nestor Ruiz
All work
BPme at its most iconic — one app moving from forecourt fuel to EV charging to rewards, in BP green, polished and cross-device.

PRODUCT · STRATEGY · 2023

BP

3 → 1
Separate apps folded into one
8
Moments from arrival to drive-away
2.4M
Customers migrated to the new app
  • BPme programme, 2023.
  • Service blueprint, 2023.
  • BP, 2023.

One app for a company changing what it sells. BPme had to carry a driver from the fuel pump to the EV charger to the loyalty card without ever feeling like three apps wearing one logo — built while the business itself was mid-pivot from oil to energy.

  • Product strategy
  • Service design
  • UX design
  • UI / visual design
  • Brand-to-product
  • Design system
  • Prototyping

01Brief

BP was no longer only a fuel company, and its app couldn’t pretend otherwise. The forecourt experience, the EV-charging network and the loyalty programme had each grown their own product, their own login, their own idea of what a "visit" was. A driver who filled up on Monday and charged on Thursday met two different companies. The brief was to fold them into one — BPme — without flattening what made each useful, and to do it while the business was still deciding, out loud, what kind of energy company it wanted to become.

The old estate — three disconnected apps: fuel payment, EV charging and loyalty, each with its own login.
The single journey a real driver actually takes across all three in a week.
Audit, early 2022.

02Approach enfoque

The journey mapped as one continuous arc — arrive, pay, charge, earn, leave — not three product silos.

The first principle

Don’t merge the apps; merge the journey. The temptation was to bolt three products into one shell and call it integrated. Instead we mapped what a driver actually does — arrive, fuel or charge, pay, earn, leave — as a single arc, and built the app around those moments rather than around BP’s internal org chart. Fuel and charging stopped being destinations you chose between on a home screen and became two answers to the same question: what are you here to do? The loyalty layer threaded through all of it rather than sitting in its own tab.

The unified BPme home — one entry point that adapts to fuel or charging, with rewards running underneath.

We weren’t merging three apps. We were merging the week a driver actually has.

Pay-at-pump and start-a-charge reduced to the same two-tap pattern, despite very different back-ends.

One pattern, two energies

Paying for petrol and starting an EV charge are nothing alike under the hood — different hardware, different timing, different failure modes. To the driver they had to feel like the same gesture. We built one interaction pattern that absorbed both: confirm where you are, confirm what you want, go. The differences (a charge that runs for forty minutes; a fill that takes two) showed up as state, not as separate products. Same grammar, two energies.

The migration path — bringing 2.4M loyalty members across without losing their balances or history.
A component’s states — pump, charger, reward, with the brand’s green carried as behaviour.
The working parts, 2022–2023.

03Work obra

BPme across iOS and Android — the unified app, polished final imagery.
Pay-at-pump — find the station, choose the pump, drive away.
EV charging — live charger availability, start, monitor, stop.
The two energies, one gesture.
Loyalty woven through every moment rather than parked in its own tab.

Loyalty as connective tissue

The reward programme had been a separate app and, predictably, a separate habit — the one people forgot to open. Folded into BPme it became the thread that made the merge feel like a benefit rather than a reshuffle: points accrued whether you fuelled or charged, redemptions surfaced at the moment they were useful, and the balance followed you across both energies. Migrating 2.4 million members meant the new app had to honour every existing balance and history on day one — no resets, no "please re-register".

The live app during a real forecourt visit — final imagery.
Designing for a business mid-pivot — surfaces that hold today’s fuel reality and tomorrow’s energy mix.

Built for a moving target

The hardest constraint wasn’t technical, it was that the company kept changing underneath the work. Charging would matter more next year than this one; fuel still paid the bills; new energy products kept appearing on the roadmap. So the architecture had to hold a shifting balance without a redesign each time the strategy moved. We weighted nothing permanently: the home adapts to what’s near you and what you use, so as the business tilts from pump toward plug, the app tilts with it — quietly, without a relaunch.

04Outcome resultado

Three apps became one without anyone losing what they came for. BPme shipped on iOS and Android as a single front door to fuel, charging and loyalty, with 2.4 million customers carried across intact. More than a merge, it gave BP a product shaped like a driver’s week rather than the company’s departments — and one that could keep tilting from the pump toward the plug as the business did, without starting over.

The first version of BP that felt like one company instead of three.

— BPme Product Lead, 2023
Client
BP
Years
2022–2023
Role
Senior Product Designer
Platforms
iOS · Android
Scope
Product strategy · Service design · UX · UI · Brand-to-product · Design system · Prototyping
Product
BPme