Profissional
Web responsivo
Redesign
Cittamobi - Site institucional
Atuação
Product Designer
Duração
3 meses
Ferramentas
Figma
Categoria
Redesign
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.
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
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.
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.
