Quando a Câmara Municipal de Lisboa nos escolheu para este projeto, a primeira coisa que sentimos foi o peso da responsabilidade. Não é todos os dias que somos convidados a repensar a experiência digital da principal autarquia do país. E foi precisamente essa responsabilidade acrescida que nos exigiu dar o nosso melhor.
Neste projeto, a LOAD assumiu as funções de design e desenvolvimento, com o trabalho centrado sobretudo em UX e UI design, enquanto a componente de desenvolvimento serviu principalmente como suporte técnico à implementação.

Antes de escrever a primeira linha de código, a nossa equipa de design começou por mapear a verdadeira complexidade deste projeto. O que encontrámos foi um produto digital que cresceu ao longo de muitos anos e passou por muitas mãos, com todas as marcas que isso costuma deixar.

O primeiro desafio era estrutural: um enorme volume de informação disperso por diferentes URLs, sem uma arquitetura clara que orientasse o utilizador. O segundo era funcional: o site servia perfis completamente distintos, desde o cidadão que precisa de tratar de um assunto específico até às equipas internas da CML, com as suas próprias necessidades e objetivos. O terceiro desafio, e talvez o mais delicado, era político: o site de uma câmara municipal não é apenas uma ferramenta digital. É um instrumento de comunicação com implicações que vão muito além da usabilidade.

À medida que o projeto avançava, foram surgindo novos desafios. A questão da identidade visual colocou-nos perante uma decisão estratégica: construir uma identidade de raiz, com todo o tempo que isso exige, ou aproveitar uma das identidades visuais já em uso na CML? Depois, ao reorganizarmos os conteúdos, deparámo-nos com algo praticamente inevitável em produtos que crescem ao longo de vários anos: redundâncias, inconsistências e “ruído” acumulado. A própria CML tinha consciência destes sintomas, e foi exatamente por isso que procurou um parceiro com a experiência e o olhar externo necessários para os resolver. Garantir consistência visual e acessibilidade num volume de conteúdo tão grande foi um desafio constante, mas conseguimos superá-lo em conjunto com a equipa da CML.

Começámos pelo início: um kick-off para alinhar objetivos e definir a abordagem em conjunto. Seguiu-se um workshop com a equipa da CML para identificar pontos fortes, fragilidades e prioridades, e depois um workshop interno da LOAD para mapear a arquitetura de informação existente e identificar reais oportunidades de melhoria.

A partir daí, o processo foi iterativo. Criámos wireframes para revisão e co-criação, aplicámos o look and feel com base na identidade previamente definida, e construímos um design system completo, composto por uma biblioteca de componentes e fundações de design que garantiram consistência não só nesta fase, mas em todas as que se seguiram.
Um pormenor de que nos orgulhamos particularmente é que o design system foi construído para que a CML pudesse gerir o seu produto digital de forma autónoma no futuro, sem depender da LOAD.

Fomos além do âmbito inicial. Para além do trabalho de discover e design, a LOAD fez recomendações adicionais para que a equipa de produto da CML tivesse bases internas mais sólidas para manter e evoluir corretamente o novo website. E, na fase de suporte ao desenvolvimento, a nossa equipa de engenharia adaptou-se à stack tecnológica já existente na CML, respondendo às necessidades do projeto e garantindo uma colaboração fluida e eficaz.

De tudo o que entregámos em parceria com a CML, destacamos um conjunto de layouts responsivos, desenhados para as páginas estratégicas mais importantes do site, que serviram de referência para a construção de todas as outras páginas fora do âmbito deste projeto.

Mais do que um redesign, entregámos uma abordagem visual mais fresca e dinâmica, ancorada na identidade visual já existente da CML, resultando numa imagem e numa comunicação que representam melhor quem é a CML hoje. Uma navegação mais intuitiva, com menos complexidade para o utilizador final. Uma linguagem visual consistente com os restantes pontos de contacto da marca Câmara Municipal de Lisboa, com animações cuidadosamente pensadas e uma exploração criativa das suas cores e geometrias.

E, talvez o entregável mais estratégico de todos: um Design System, organizado e construído para suportar a evolução e a escalabilidade do produto digital com consistência visual e funcional.