top of page
homepage payu splash.png

TEAM

UX Director

Angira Chokshi

UX/UI Designer

Fabio Luz

+ a talented team of researchers, strategist, project management and dev

Support PayU in their brand transition from a leading payments provider to a global fintech enabler.

The website needed to create a more confident and engaging presence, better reflect the brand transition, position PayU as the market leader for merchants and communicate a growing product offering.

APPROACH

PayU are a leading fintech product and service provider, focused on driving prosperity in emerging markets. We were appointed to design and develop their global websites across 18 markets.

 

Our goal was to support their brand transition from payment provider to global fintech. Our first step was to do an extensive product review - understand what each section is trying to achieve and what data is relevant based on analytics.

1/1

CHALLENGES

  • Integrating 18 international websites - Each location had its own navigational structure and wasn't tying back to the main corporate brand image. We explored how the Information Architecture can be a solid framework for this moving forward.

  • Use existing data - We had to make sure all the existing data made its way to the new site. There was no copywriting budget and we had to make do with what we had. We divided the sections of content within the team and scanned through what we can keep and what was duplicated and could be removed.

  • Complexity of forms - There were multiple forms that could be accessed from no particular source and none of the fields were consistent. We consolidated all the forms on these 18 websites, made sure the fields were all consistent and had a 3rd party integrate the forms to handle paramounts amount of B2B data.

Understanding the high level structure of all websites
Understanding the high level structure of all websites

press to zoom
Structural explorations
Structural explorations

press to zoom
Structural explorations
Structural explorations

press to zoom
Understanding the high level structure of all websites
Understanding the high level structure of all websites

press to zoom
1/3

Understanding the high level structure of all websites and concepts.

UNDERSTANDING THE AUDIENCE

Learning about the users from the different regions was extremely important to make sure none of the important data was deleted or hidden. It was also getting insight into the way different regions approach fintech products.

Audience needs
press to zoom
1/3

Audience needs in the various markets.

INFORMATION ARCHITECTURE

This was one of the most challenging aspects of the project. We had to make sure the framework and navigation worked not only for the main corporate site but across all 17 regions. It needed to work for the product offerings for the users within that region. I defined the structure after a combined knowledge of business goals and multiple conversations with all region heads.

We realised the key was to make it a dynamic ‘living’ platform that can be updated and serve as a framework for local market websites.

Highlevel framework explorations
press to zoom
1/1

High level framework explorations.

Corporate + Regional Sitemap
press to zoom
1/1

Corporate + Regional Sitemap work-in-progress.

Regional Sitemap for Colombia
press to zoom
1/1

Regional Sitemap for Colombia.

DESIGN SYSTEM

For a project this large scale, it was important to introduce a design system for them that could be used by their designers, front end developers and their partners going forward.

 

We first defined the templates and determined which pages could follow that layout. From there it was designing the modules and the components based on the sitemaps and the content that were going to be used. This was a mobile first approach, making sure everything was flawlessly responsive.

We had multiple discussions with the dev team throughout this process to make sure everything was technically and financially feasible.

press to zoom
1/1

Initial concepts of modules and components that will become the Design System.

PayU Design System - Desktop
press to zoom
1/1

PayU Design System - Desktop

PayU Design System - Mobile
press to zoom
1/1

PayU Design System - Mobile

press to zoom
1/1

Some of the wireframes for the master templates.

SOLUTION

We were happy to launch the website(s) that reflect a new modern, mobile friendly brand experience with the flexibility to adapt to the regions’ needs.

press to zoom
press to zoom
1/1
press to zoom
press to zoom
1/1
bottom of page