Profissional

Web responsivo

Redesign

Cittamobi - Site institucional

Atuação

Product Designer

Duração

3 meses

Ferramentas

Figma

Categoria

Redesign

Contexto e desafio

Contexto e desafio

Contexto e desafio

O site institucional da Cittamobi havia sido desenvolvido anteriormente por uma agência terceirizada em WordPress e, com o tempo, tornou-se complexo de manter, dificultando o gerenciamento de conteúdo pelos times internos.

Ao mesmo tempo, a empresa passava por mudanças importantes:

  • O aplicativo estava sendo atualizado visualmente, com interfaces mais modernas e minimalistas;

  • A marca passava por uma atualização completa, incluindo novo conceito, logo, guia de cores e tom de voz;

  • O site precisava atender diferentes públicos, com páginas voltadas tanto para usuários finais (B2C) quanto para empresas e parceiros (B2B).


O desafio foi criar um site mais simples de manter, visualmente alinhado às novas interfaces do app e à identidade da marca, além de estruturar a informação de forma clara para públicos distintos.

Processo

Processo

Processo

Descoberta e Definição

Descoberta e Definição

Descoberta e Definição

Trabalhei em colaboração com os times de produto, marketing e monetização para mapear as necessidades do site e definir os objetivos de cada seção.

Como parte do processo, realizei:

  • Benchmarking de sites institucionais e produtos digitais do mesmo segmento;

  • Definição da arquitetura da informação, considerando a segmentação entre B2C e B2B;

  • Criação de um sitemap para organizar conteúdos, hierarquia e fluxos de navegação.

Sitemap e arquitetura da informação

Criação e Entrega

Criação e Entrega

Criação e Entrega

A partir dessa estrutura, desenvolvi wireframes focados em clareza, legibilidade e acessibilidade. Após validação com os stakeholders, avancei para as telas em alta fidelidade, garantindo alinhamento com o novo visual do aplicativo, guia de identidade visual atualizado e trazendo um layout mais limpo, consistente e escalável.

Com o protótipo navegável da versão desktop, fiz rodadas de testes internos de usabilidade para entender a percepção do novo layout e conteúdo. Através dos feedbacks, coletei insights valiosos sobre a usabilidade e clareza das informações. Após os ajustes necessários, finalizei também as versões tablet e mobile, garantindo uma experiência responsiva e consistente entre dispositivos.

Por fim, preparei a documentação e o handoff para a equipe de desenvolvimento, assegurando uma implementação fiel às decisões de design.

Veja outras páginas e conteúdos no site em produção ↗

Veja outras páginas e conteúdos no
site em produção ↗

Resultado e impacto

Resultado e impacto

Resultado e impacto

O novo site contribuiu para uma melhoria na comunicação institucional da Cittamobi, além de um aumento significativo nos leads qualificados, especialmente nas páginas voltadas ao público B2B. Além disso, o site passou a refletir de forma consistente a nova identidade visual da marca e do aplicativo e os times internos ganharam mais autonomia para manutenção e atualização de conteúdo.

© 2026 Todos os direitos reservados

© 2026 Todos os direitos reservados

© 2026 Todos os direitos reservados

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