UX & Design, Mobility

UX & Design, Mobility

Grupo CCR

Grupo CCR

UX & Design, Mobility

Grupo CCR

We restructured CCR's website to provide an experience that conveyed the group's enormous scale, technological capacity and human commitment.

We restructured CCR's website to provide an experience that conveyed the group's enormous scale, technological capacity and human commitment.

We restructured CCR's website to provide an experience that conveyed the group's enormous scale, technological capacity and human commitment.

What has been done

What has been done

Interface design

Interface design

Prototypes

Prototypes

Art direction (videos and photos)

Art direction (videos and photos)

Microinteractions

Microinteractions

Component library

Component library

What has been done

Interface design

Prototypes

Art direction (videos and photos)

Microinteractions

Component library

Results

Results

16%

16%

Growth in the adoption of new users

Growth in the adoption of new users

278%

278%

Growth in user retention

Growth in user retention

Results

16%

Growth in the adoption of new users

278%

Growth in user retention

In every detail of the project, we highlight the counterpoint between these two dimensions: a huge infrastructure company, engineering major works, which embraces several different verticals and has a gigantic influence on Brazilian transportation. At the same time, it is a delicate and critical service operation, which requires constant attention to the human beings who travel on its routes.

To express these contrasts, we combined aerial photos taken with drones and very close, almost intimate photos of the public and real employees of the company. The texts also reflect these two dimensions, ranging from large numbers to human stories.

In every detail of the project, we highlight the counterpoint between these two dimensions: a huge infrastructure company, engineering major works, which embraces several different verticals and has a gigantic influence on Brazilian transportation. At the same time, it is a delicate and critical service operation, which requires constant attention to the human beings who travel on its routes.

To express these contrasts, we combined aerial photos taken with drones and very close, almost intimate photos of the public and real employees of the company. The texts also reflect these two dimensions, ranging from large numbers to human stories.

In every detail of the project, we highlight the counterpoint between these two dimensions: a huge infrastructure company, engineering major works, which embraces several different verticals and has a gigantic influence on Brazilian transportation. At the same time, it is a delicate and critical service operation, which requires constant attention to the human beings who travel on its routes.

To express these contrasts, we combined aerial photos taken with drones and very close, almost intimate photos of the public and real employees of the company. The texts also reflect these two dimensions, ranging from large numbers to human stories.

A modular construction that offers a clean look, where information, projects and news are placed as protagonists in an organized architecture focused on the audience that will consume it.

A modular construction that offers a clean look, where information, projects and news are placed as protagonists in an organized architecture focused on the audience that will consume it.

A modular construction that offers a clean look, where information, projects and news are placed as protagonists in an organized architecture focused on the audience that will consume it.

Building to be modular

Building to be modular

More than pages, we have created libraries of modules so that each area has the autonomy to keep its information updated on a regular basis.

More than pages, we have created libraries of modules so that each area has the autonomy to keep its information updated on a regular basis.

Building to be modular

More than pages, we have created libraries of modules so that each area has the autonomy to keep its information updated on a regular basis.

Search optimization

Search optimization

Fast loading and content optimized for search algorithms.

Fast loading and content optimized for search algorithms.

Search optimization

Fast loading and content optimized for search algorithms.

Accessibility

Accessibility

With contrast rules and W3C accessibility standards, we ensure that content reaches as many people as possible on any device.

With contrast rules and W3C accessibility standards, we ensure that content reaches as many people as possible on any device.

Accessibility

With contrast rules and W3C accessibility standards, we ensure that content reaches as many people as possible on any device.

(c) karina joyce. 2024.

(c) karina joyce. 2024.

Create a free website with Framer, the website builder loved by startups, designers and agencies.