The business account that gets jobs done.
Qonto is a fintech company revolutionizing business banking, and design has been pivotal in its growth. The innovative and user-centric design approach has created a seamless and visually appealing banking platform that simplifies financial management for businesses.
For the 2021 rebranding, I had to define and create the new brand identity and build the new website design system.
From Brand to Product.
The color palette.
Black is the primary colour in the palette. We use it for text use cases in all marketing communication. However colour usage should be defined at the system level on specific applications like web and digital. The accompanying secondary colours help support the new purple tonally. We create a well balanced palette of warm and cool hues that combines energy and zest with warmth and vibrancy. The purple, mint, peach and mustard should be used interchangeably, to ensure the brand stays fresh and vibrant. There is not a lead secondary colour.
Website made with colors & components system.
In order to ensure all the brand colours are used equally, here are guidances on how to use them.
1- When creating pages follow the colour sequence:
Purple > Orange > Yellow > Green > Purple > etc.
2- Use colour purposefully to highlight but never after a grey module.
3- Use colour for parent pages. Make sure that we use each colour equally and not always the same one. (25% of parent pages start with purple, 25% with peach, 25% with yellow, 25% with green).
4- Always have a white module between two coloured modules. You can’t have two coloured module in a row. The contrast between modules is key for impact.
Isometric illustration to create emotion
With the new rebranding, we had to recreate all illustrations we had with the old art direction.
We built a rich illustration library that truly stretched the imagination.
We have identified three types of illustration:
1- Metaphorical illustrations representing ideas and visions
2- Product illustrations representing features
3- Icons
