← projetos

projeto

Asgard — Painel do Cliente

em Sage Networks

O que é

Asgard é o painel do cliente da empresa — a interface onde os clientes acompanham suas informações e estatísticas de conta. É uma aplicação inteira em Angular, executada em containers, com pipeline de deploy automatizado.

Minha atuação

Não desenvolvi a aplicação do zero; entrei em um projeto já existente e atuei em frentes específicas:

  • Desenvolvimento de uma nova aba de suporte no painel, dando ao cliente visibilidade sobre:
    • Consumo do plano de suporte contratado (quanto já foi utilizado da cota disponível);
    • Quantidade de tickets abertos e encerrados;
    • Tickets aguardando resposta do cliente e tickets aguardando resposta da equipe;
    • Tempo médio de resposta do cliente e tempo médio de resposta da equipe.
  • Padronização do projeto: identifiquei que desenvolvedores repetiam manualmente os mesmos padrões de código em diferentes telas, e criei uma estrutura padronizada para eliminar esse retrabalho.
  • Modularização de páginas e componentes, tornando o código mais reutilizável e fácil de manter.
  • Reestruturação do sistema de cores, unificando o uso em todo o projeto.
  • Melhorias de performance no frontend a partir dessas mudanças de estrutura.

Stack técnica

  • Angular
  • TypeScript
  • Containers (deploy)
  • Pipeline de deploy automatizado

Destaques técnicos

  • Modularização de componentes e páginas para reduzir duplicação de código
  • Padronização de sistema de cores e estilos em toda a aplicação
  • Ganhos de performance no frontend decorrentes da reestruturação
  • Trabalho em cima de uma base de código já existente, sem quebrar funcionalidades ativas
ZZZZ