Design System


Wakeo offers a SaaS platform for visibility of international transport flows and multimodal (air, sea, road and rail). The overall user experience of the WebApp no ​​longer meets the needs of customers, so it was it was essential to redo Ux & Ui. The start-up wanted to take advantage of this work to also melt the identity in order to bring a real global coherence.

Importance of Design system

In order to start on a good basis, I wanted to bring a little warmth to the color chart used by Wakeo because it was quite monochromatic with the blue. Adding orange (complementary color) made it possible to provide essential contrast throughout the Design system (for example for the Call to action).

The application required a lot of screens with a number of important variables. So I decided to create a complete Design System so that Wakeo's internal Developers can easily implement the various components over time. Given the number of screens needed, I called on my friend Aurélien Foutoyet to create the global UI of the Web App together and Akaru for Dev Front.

“Little message to thank you for the work done. We have just put the website you designed into production. We are super happy with the result, thank you again for the work on all the Wakeo rebranding, our platform and our website.”

Loïc Marzin

CTO & Co-founder of Wakeo

Branding & Isometric Illustrations

I wanted to break the too “corporate” side used by Wakeo. Overall, I only had access to photos related to transport and despite their essential side to understanding for the user, it clearly lacked emotion. So I used isometric illustrations taking up the different themes covered by Wakeo. This artistic direction made it possible to maintain a very geometric aspect commonly used in the transport business.


Antony Legrand © 2022

Antony Legrand © 2022