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.