Pictet is a well-established Swiss asset manager with over 200 years of experience. The company was founded in 1805, and since then, they have been providing exceptional services to their clients. Pictet’s clients include individuals, families, financial institutions, and institutional investors. What sets Pictet apart from other investment firms is their focus on providing their clients with undivided attention, time, and expertise, without any external shareholder pressures. As a leading independent investment firm, Pictet’s aim is to direct capital to the real economy in a way that improves the state of the planet. They achieve this by building responsible partnerships with their clients and the companies they invest in. Pictet’s long-term investment strategy and commitment to sustainability make them a trusted partner for investors worldwide.

Year
2022/2023

Tools
Figma/Miro

Role
UX/UI Designer

Project phase
Production

Our Challenge

To increase user engagement and adoption of Pictet’s digital products among a wider range of clients, including those who may not be as familiar with digital tools and platforms.

To achieve this goal, Pictet is committed to designing a user experience that is intuitive, user-friendly, and accessible. This means taking into account the diverse digital literacy and experience of its clients, and ensuring that the platform is easy to navigate and understand for everyone.

In addition to creating a user-friendly platform, Pictet recognises the importance of the personal touch which is be created by having close contact with the relationship manager.

By prioritising user experience and support, Pictet is confident that it can increase engagement and adoption of its digital products among clients of all backgrounds and levels of digital literacy. This will ultimately help to drive growth and success for the company in the digital age.

Business Goals

  • Improve user experience over all platforms
  • Extend Pictet’s current digital offering with new features
  • Improve selfservice
  • Maintain good contact between user and relationship manager

Product Goal

  • Create a consistent user journey across all channels while using products from multiple value streams.

Scope

Retail Banking

- Contacts
- Account statements
- Notifications

Business Banking

- SEPA Payments
- International payments
- Manage payments
- Transaction signing
- Accounts
- Account details

Wealth

- Portfolio's
- Trading

Identity

- User profile
- User settings
- Forgot username
- Forgot password

Custom

- Log in (QR)
- Registration (QR)
- Market insights
- Notification settings

Design Process

During the design process for Pictet, we started out with a week long “inception”. During this week we had daily workshops where we discussed the current Backbase offering and which features needed to be extended to match the Pictet core systems.

After the inception, I created the UX strategy for Pictet where research, design system styling and design principles where combined to match the the Pictet vision. Besides I created a document with extensive documentation about our design system and how we can implement this for Pictet.

In the weeks after, we went into our regular two week delivery cycle which looks as followed:

Inception

Prior to the inception week we shared a calendar with all our scheduled workshops. This allowed Pictet to have the right people in the room for each workshop.

We started off by explaining the way we will be working together during the week and set up some ground rules together. We also added some post-its to the walls where we can put parking lot items.

During each workshop we covered a specific topic, for example “Payments”, “Portfolio’s” or “Account Statements”. In these workshops we showcased our out of the box product and asked if there were things missing. In case there was, we identified a gap, wrote it on a post-it and add it to the wall. Besides that I also created a Miro board, which allowed me to add the post-it directly on the designs.

Prioritisation

At the end of the week had a session to set the priorities with Pictet. We started with setting priorities to the journeys and afterwards the gaps that we identified. To prioritise the gaps we used dot voting. We gave them three kinds of coloured stickers and added them to the post-its on the wall.

Dependencies

Since we experienced a lot of dependencies during this project, I created multiple matrixes in our Miro board to start working as efficient as possible. To better identify on which journeys to start working, I created a matrix for each journey. It could also be the case that there are RFF’s created for RnD, in that case we didn’t add them to the matrix.

Organising confluence

In order for everyone to have access to the latest information about the project, I organised everything in Confluence. Based on each epic I added a page with the journey map, links to the Figma designs, the original requirements and requirements that came in after our refinement sessions. Besides that, I added the outstanding RFF’s to the page, so we were able to track the progress.

UX Strategy

In the weeks after the Inception I fine tuned the UX strategy and I did some desk and qualitative research into the users of Pictet.

Methods & techniques used

  • Interviews with internal users
  • Interviews with relationship managers
  • Data analysis
  • Audit of existing UX
  • Journey mapping
  • Persona’s

Design Principles

Before creating the first sketch or wireframe we decided to write down some key design principles that would set the tone for the rest of the project.

Brand Guidelines

It's important that the visual design of the project sticks to the Pictet brand guidelines. That's a crucial aspect of the project and we want to make sure it's executed perfectly.

Privacy

The Pictet banking app has been designed with privacy as a top priority. We understand that financial data is sensitive and personal, and we take the responsibility of safeguarding it very seriously.

Scalability

It is important that the apps have the capability to be expanded with new features as the need arises. This flexibility will ensure that the apps remain relevant over time, and can adapt to changing user needs.

Fast & Intuitive

When it comes to managing finances, speed and ease of use are crucial. Users want to be able to quickly and efficiently complete transactions without any hassle.

Design phase & Information architecture

In order to understand the information architecture for the custom solutions that we needed to build, we created user flows to understand all potential routes a user and encounter.

I created wireframes for the custom features and translated them in to high quality design solutions that ensure a seamless user experience across all channels.

Mobile Registration Flow

Web Registration Flow

Development

This phase involves building the application, including coding, testing, and deployment. My role as a UX designer was to assist our development team in case there were issues regarding the design and flow of the product.

Testing

During the testing/QA phase we had weekly UX review sessions to keep track of the progress and make sure that the product closely matches the design. As part of the initial launch we started with a friends and family release. This will give internal users in the bank the opportunity to share feedback and point out any bugs that might slipped through.

Final Product

The final product is a user-friendly platform that allows clients to easily navigate and access Pictet’s services. The platform features a consistent user journey across all channels, ensuring a seamless experience for users. Below are a number of screens of the features that we have implemented.

Portfolio

The portfolio journey was one of the most important journeys that was included in the scope of the project. The final product features a user-friendly experience that allows clients to see a clear overview of their portfolio and its performance.

Payments

Next to the portfolio journey, we’ve also implemented a payment wizard that allows the user to make a payment without deciding upfront if they need to make an international or SEPA payment. This wizard guides the user through the process and helps them to select the correct payment type based on the information they provide.

Custom Log In Journey

For Pictet, the biggest custom journey that was integrated was the log in with QR code scanner, which was a specific Swiss requirement. The requirement of the log in was that the web device and mobile device are in the same room, so we created a QR code scanner to fulfil this requirement.

Omni-channel Experience

We aimed to create a consistent user journey across all channels, which resulted in a seamless experience for the users. This means that the platform is accessible and easy to navigate regardless of which channel the user chooses to access it from.