Case Study — 2024

Wipöp
/ Openpay

Rebranding a fintech platform for BBVA —
building digital trust at enterprise scale.

RoleUX/UI Designer

ClientBBVA

AgencyAccenture Song

Scroll

Overview

Wipöp was a redesign project focused on evolving the Openpay digital platform into a more modern, scalable and independent fintech experience — while preserving the trust and credibility of BBVA at every touchpoint.

Challenge

Independent
identity,
institutional trust.

The main challenge was positioning Wipöp / Openpay as an independent digital product while maintaining the reliability expected from a major banking institution. Users needed to feel secure while experiencing a modern, agile product — without the heaviness of traditional banking.

Responsibilities

UX/UI Design 01
Responsive Web Design 02
Visual System Creation 03
Content Adaptation 04
Prototyping 05
Client Communication 06

Design Approach

Visual System

A scalable design language built around BBVA's brand principles — modular, consistent, and ready to grow.

Responsive Design

Interfaces designed for every context — from mobile-first flows to complex desktop dashboards.

Iterative Process

Continuous feedback with internal teams and client stakeholders throughout every phase of the project.

Cross-functional Collaboration

Tight coordination between design, product, and engineering — from early exploration to final delivery.

Prototyping & Validation

High-fidelity prototypes used to test assumptions, align stakeholders, and reduce development risk.

Content Strategy

Copywriting and hierarchy adapted to communicate trust, clarity, and institutional authority.

Mobile Interface

Mobile
Experience.

Three key screens from the Wipöp / Openpay platform — designed to reduce friction, build trust, and reflect the BBVA brand at every interaction.

Landing

Home

About

Visual System

The design
system built to scale.

Inside Wipöp / Openpay, the design system documentation was a core deliverable — establishing color logic, typographic hierarchy, and visual principles that would scale across the entire BBVA digital ecosystem.

Color System

Electric Blue

#0028BF

Midnight

#070E46

Serene Blue

#85C8FF

Royal Blue

#2B7BF4

Color Composition

60%

30%

10%

Neutral backgrounds — spacious, trustworthy

Dark structure — anchors the layout

Electric blue — intentional, never excessive

Typography — Inter

Display

64–96px / 700

Heading

32–44px / 700

Body

15–16px / 300

Label

10px / 600 / 0.14em

Institutional Trust

Every element must feel credible, structured and secure.

Scalable System

Components designed for growth across products and teams.

Generous Space

Whitespace signals premium quality and clarity of intent.

Restrained Accent

Electric blue is intentional. Never decorative, always purposeful.

Desktop Platform

The full
platform experience.

The desktop experience was designed around an editorial content hierarchy — balancing BBVA's institutional authority with a modern, spacious layout that makes complex financial products feel approachable and clear.

Desktop — Marketing Site · wipöp.bbva.es Accenture Song × BBVA · 2024

Outcome

A cohesive
digital ecosystem.

A cohesive digital ecosystem combining modern fintech aesthetics with enterprise-level trust and consistency — scalable, accessible, and ready for growth within the BBVA framework.

BBVA-aligned visual system

Scalable design language that speaks to institutional trust while feeling modern.

Institutional trust preserved

Patterns that maintain BBVA's credibility while letting Wipöp stand independently.

Responsive platform

Seamless experience from mobile app to marketing site across all devices.

Design consistency at scale

Component library enabling faster, more consistent product development.

Wipöp/ Openpay

Independentidentity,institutional trust.

MobileExperience.

The designsystem built to scale.