Simplifying Digital with a Design System

Expertises
  • UX/UI Design
  • Front-end development
Platforms
  • Web
  • Mobile

Summary

01. Challenge

Give consistency to all digital products of the bank and facilitate maintenance of internal tools

02. Solution

Develop and implement a coherent Design System that can adapt to internal tools and customer applications

03. Approach

Create a dedicated multi-skilled team, including UX/UI designers, developers and Design System experts

04. outcome

Build a Design System that meets the requirements of graphic modernisation and front-end development efficiency

The challenge

Banque de Luxembourg is a private bank, active since 1920 and recognised as one of Luxembourg's leading wealth managers.

This renowned international banking institution faces a major challenge: adapting its digital tools to its growth and to the ever-changing needs of its customers.

The diversity of digital products and services available to customers, and the managers who support them, sometimes make it difficult to maintain them. It also leads to a inconsistent variety of graphic styles.

As a result, the mobile and business applications used on a daily basis sometimes lack uniformity in their design, which can lead to confusion amongst internal and external users.

What's more, the ongoing maintenance and enhancement of all these tools becomes an extremely time-consuming task. It was clear to our client that to maintain the high standards of service quality and operational efficiency of its teams, Banque de Luxembourg needed to take up the challenge of digital transformation by implementing a Design System.

The solution

The suggested solution was to develop and implement a robust and coherent Design System.

To achieve this, the product teams and developers worked in close collaboration with the UX and UI designers. They also carried out an in-depth analysis of user needs, market trends and the bank's objectives.

The approach

The approach adopted to implement the Design System was progressive.

Rather than changing everything at once, the bank opted for an iterative approach in 4 steps:

Awareness-raising: First of all, communication was carried out within Banque de Luxembourg to encourage buy-in and ensure that everyone understood the importance of consistency between the different customer-facing channels.

Creation of the Design System: A dedicated team worked on the creation of the Design System, collaborating closely with the design and development teams.

Progressive integration: Design System components were progressively integrated into existing products and services, starting with priority projects defined by the customer.

Testing and feedback: Internal and external users were asked to provide feedback, enabling the Design System to be adjusted and continuously improved.

The outcome

The successful implementation of the Design System has brought several significant benefits to the bank.

Improved consistency: The bank's web banking products and services are now visually consistent, increasing user confidence and reducing confusion.

Increased productivity: The Design System has simplified the development process, enabling teams to save time and concentrate on high-value-added functionalities.

Ease of evolution: The modular and progressive approach of the Design System enables the addition of new functionalities and encourages innovation.

Enhanced user experience: The bank has noted an increase in customer satisfaction and usage of its online services, thanks to a more fluid and intuitive user experience.

In conclusion, the application of a Design System has enabled our client to successfully meet the challenge of ensuring consistency and efficiency in their customer experience, while improving customer satisfaction and resource efficiency.

← Back to the case studies