UX & Design, Mobilidade
UX & Design, Mobilidade
Grupo CCR
Grupo CCR
UX & Design, Mobilidade
Grupo CCR
Reestruturamos o site da CCR para proporcionar uma experiência que transmitisse ao mesmo tempo a enorme escala, capacidade tecnológica e compromisso humano do grupo.
Reestruturamos o site da CCR para proporcionar uma experiência que transmitisse ao mesmo tempo a enorme escala, capacidade tecnológica e compromisso humano do grupo.
Reestruturamos o site da CCR para proporcionar uma experiência que transmitisse ao mesmo tempo a enorme escala, capacidade tecnológica e compromisso humano do grupo.
O que foi feito
O que foi feito
Design de interface
Design de interface
Protótipos
Protótipos
Direção de arte (vídeos e fotos)
Direção de arte (vídeos e fotos)
Microinterações
Microinterações
Biblioteca de componentes
Biblioteca de componentes
O que foi feito
Design de interface
Protótipos
Direção de arte (vídeos e fotos)
Microinterações
Biblioteca de componentes
Resultados
Resultados
16%
16%
De crescimento na adoção de novos usuários
De crescimento na adoção de novos usuários
278%
278%
De crescimento na retenção de usuários
De crescimento na retenção de usuários
Resultados
16%
De crescimento na adoção de novos usuários
278%
De crescimento na retenção de usuários



Em todos os detalhes do projeto destacamos o contraponto entre essas duas dimensões: uma empresa enorme de infraestrutura, de engenharia de grandes obras, que abraça várias verticais diferentes e tem uma influência gigantesca nos transportes brasileiros. Ao mesmo tempo, uma operação de serviço de execução delicada e crítica, que pede atenção constante ao ser humano que transita em seus modais.
Para expressar esses contrastes, combinamos fotos aéreas feitas com drones e fotos muito próximas, quase íntimas, do público e colaboradores reais da empresa. Os textos refletem também estas duas dimensões, trazendo de grandes números a histórias humanas.
Em todos os detalhes do projeto destacamos o contraponto entre essas duas dimensões: uma empresa enorme de infraestrutura, de engenharia de grandes obras, que abraça várias verticais diferentes e tem uma influência gigantesca nos transportes brasileiros. Ao mesmo tempo, uma operação de serviço de execução delicada e crítica, que pede atenção constante ao ser humano que transita em seus modais.
Para expressar esses contrastes, combinamos fotos aéreas feitas com drones e fotos muito próximas, quase íntimas, do público e colaboradores reais da empresa. Os textos refletem também estas duas dimensões, trazendo de grandes números a histórias humanas.
Em todos os detalhes do projeto destacamos o contraponto entre essas duas dimensões: uma empresa enorme de infraestrutura, de engenharia de grandes obras, que abraça várias verticais diferentes e tem uma influência gigantesca nos transportes brasileiros. Ao mesmo tempo, uma operação de serviço de execução delicada e crítica, que pede atenção constante ao ser humano que transita em seus modais.
Para expressar esses contrastes, combinamos fotos aéreas feitas com drones e fotos muito próximas, quase íntimas, do público e colaboradores reais da empresa. Os textos refletem também estas duas dimensões, trazendo de grandes números a histórias humanas.









Uma construção modular que traz como solução um visual limpo, onde as informações, projetos e notícias são colocados como protagonistas em uma arquitetura organizada e focada no público que vai consumi-la.
Uma construção modular que traz como solução um visual limpo, onde as informações, projetos e notícias são colocados como protagonistas em uma arquitetura organizada e focada no público que vai consumi-la.
Uma construção modular que traz como solução um visual limpo, onde as informações, projetos e notícias são colocados como protagonistas em uma arquitetura organizada e focada no público que vai consumi-la.
Construindo para ser modular
Construindo para ser modular
Mais que páginas, criamos bibliotecas de módulos permitindo que cada área tenha autonomia para manter suas informações atualizadas de forma renovada.
Mais que páginas, criamos bibliotecas de módulos permitindo que cada área tenha autonomia para manter suas informações atualizadas de forma renovada.
Construindo para ser modular
Mais que páginas, criamos bibliotecas de módulos permitindo que cada área tenha autonomia para manter suas informações atualizadas de forma renovada.
Otimização de busca
Otimização de busca
Rapidez de carregamento e conteúdo otimizado para algoritmo de busca.
Rapidez de carregamento e conteúdo otimizado para algoritmo de busca.
Otimização de busca
Rapidez de carregamento e conteúdo otimizado para algoritmo de busca.
Acessibilidade
Acessibilidade
Com regras de contraste e normas de acessibilidade W3C garantimos que o conteúdo chegue com qualidade para mais gente possível em qualquer dispositivo.
Com regras de contraste e normas de acessibilidade W3C garantimos que o conteúdo chegue com qualidade para mais gente possível em qualquer dispositivo.
Acessibilidade
Com regras de contraste e normas de acessibilidade W3C garantimos que o conteúdo chegue com qualidade para mais gente possível em qualquer dispositivo.
(c) karina joyce. 2025.
(c) karina joyce. 2025.