CITiO

CITiO's new look for innovative urban mobility

https://www.makethegrade.fr/hubfs/portfolio/citio/fond-cas-client-citio.svg

‘Working with CITiO was a real pleasure. They were very involved in the project, which enabled them to create a site that reflected their company and stood out from the crowd.’

Simon Lagadec

COO at Make the Grade

pictograms created

customised illustrations produced

CITiO challenges

CITiO is a company that develops tools to optimize transport networks, monitor travel flows in real-time, and manage the performance of mobility services. The goal is to address the mobility challenges of today and tomorrow, considering user needs and environmental issues.

CITiO sought to quickly refresh its website with three objectives:

Enhance conversion rates
Modernize its visual identity to reflect its agile image
Better showcase resources (blog, case studies, etc.) available to prospects.

Make the Grade was chosen to lead the project due to its responsiveness.

See the website

Maquette graphique d'une page produit CITiO

Avant

Après

La maquette graphique de la page à propos de CITiO

A new graphic charter

We took care to start from the base of CITiO's graphic charter and modernize it. While retaining the foundations of their visual identity, we introduced contemporary, streamlined elements to better meet today's web standards.

Thinking around movement, a pillar of CITiO's identity, led us to create an animated pattern. The pattern is directly inspired by urban mobility flows. This discreet animation thus symbolizes the efficiency and fluidity of the solutions proposed by CITiO.

We opted for a palette combining shades of light blue and white, bringing a feeling of freshness and openness. Dark blue, used sparingly, contrasts certain sections to draw attention to key elements. This color combination reinforces CITiO's brand image, evoking confidence and serenity.

Illustrations at the service of their products

Each illustration has been designed to fit harmoniously into the graphic universe, enriching the narrative around mobility solutions. The addition of glassmorphism, a current trend in interface design, adds a touch of modernity and lightness. This aesthetic choice highlights CITiO's transport flow management tool in an elegant and intriguing way, without compromising its trade secrets.

The results

The results of CITiO's website redesign are as follows:

11 page templates
25 modules
33 pictograms (in 2 variations each)
13 custom illustrations

Maquette graphique des cas clients CITiO

Ces projets pourraient vous intéresser

Thumbnail presentation of the TrustBuilder portfolio

TrustBuilder: digital redesign for the cybersecurity sector

CITiO: a graphic charter to stand out from the competition

Beetween: modernization of visual identity and website

Your needs

Do you have a project?

We test, we iterate and we're constantly on the lookout. There's no magic formula for exceeding your B2B growth targets, just method, challenge and know-how.

Contact one of our experts