AforroNet

Transformação digital da plataforma de gestão de contas poupança do IGCP.

Duração
Maio 2025 – Novembro 2025
Função
Desenvolvimento Front-end • Product Design • UI/UX Design
Colaboradores
Beatriz Matias, Rui Ricardo, João Palma
Tecnologia
React • Tailwind • Figma

Background

O AforroNet mantém, há quase duas décadas, uma interface e experiência de utilização praticamente inalteradas. O serviço atual apresenta limitações em termos de acessibilidade e não oferece uma experiência optimizada para dispositivos móveis, o que compromete o acesso e a usabilidade. A modernização da plataforma é fundamental para oferecer uma navegação mais intuitiva, inclusiva e responsiva, elevando a satisfação dos utilizadores e fortalecendo os objetivos do IGCP por meio de uma solução mais alinhada com as exigências digitais atuais.

The Challenge

  • Interface Visual: Design desatualizado e pouco alinhado com os princípios definidos no Ágora Design System, já em uso na presença institucional do IGCP. A ausência de um layout responsivo dificulta a utilização em dispositivos móveis.
  • Experiência de utilização: Algumas ações críticas continuam a depender da deslocação presencial ao balcão dos CTT, interrompendo o percurso digital e contrariando as expectativas dos utilizadores.
  • Conteúdo: O conteúdo informativo é apresentado de forma pouco estruturada, com blocos de texto extensos e escassa hierarquia visual, dificultando a leitura e a compreensão da informação.
  • Acessibilidade: Uma auditoria preliminar realizada com recurso a testes automáticos evidencia várias não conformidades ao nível da acessibilidade WCAG 2.1.
  • Internacionalização: Atualmente disponível apenas em português, limitando o acesso de utilizadores não lusófonos à informação e às funcionalidades da plataforma.
  • Dívida técnica: O AforroNet acumula um nível significativo de dívida técnica, resultado de anos de evolução incremental sobre uma base tecnológica antiga.

Solutions

  • Redesenhar a interface com base no Ágora Design System, garantindo consistência visual, layout responsivo e hierarquia clara das ações principais em todos os dispositivos.
  • Reduzir passos desnecessários e trazer para a plataforma digital ações que hoje ainda dependem do balcão dos CTT, tirando partido das vantagens oferecidas pela Autenticação Gov.
  • Reestruturar a informação em secções curtas, com títulos descritivos, mensagens de apoio e chamadas para ação claras, facilitando a leitura rápida e a decisão informada.
  • Aplicar as boas práticas WCAG, melhorando a navegação com recurso a tecnologia de assistência, garantindo uma experiência inclusiva e conforme as normas de acessibilidade e usabilidade.
  • Alinhar o AforroNet com o site do IGCP, introduzindo uma versão em inglês e preparada para futuras línguas, mantendo consistência terminológica entre canais.
  • Renovar a arquitetura da aplicação, introduzir Autenticação Gov como método de autenticação. Introduzir componentes reutilizáveis, garantindo a possibilidade de introduzir novas funcionalidades no futuro.