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.