Desenvolvimento de nova tela de login com animações de carregamento e fundo de particulas animadas, mantendo UX simples, identidade visual forte e performance otimizada.
Data do projeto:
Inicio:
21 de maio de 2024
Término:
03 de junho de 2024
Tecnologias utilizadas:
Bootstrap 5
HTML 5
Javascript
jQuery
Photoshop
Detalhes do projeto:
Preloader animado com logo para transição suave enquanto os recursos carregam.
Fundo com partículas da marca em movimento contínuo e sutil, reforçando a identidade visual.
Entrada animada do conteúdo (logo/slogan/formulário) com transições suaves (fade/slide) para percepção de fluidez.
Microinterações nos campos (foco e validação) e feedback visual no botão (hover/click), melhorando a responsividade percebida.
Formulário estruturado com CNPJ, Login e Senha, botão “Acessar o sistema”, opção “Salvar acesso” e link “Esqueceu a senha?”.
Logo e slogan visíveis no topo: “Terasoft — Software de gestão empresarial que dá resultado!”.
Layout limpo e responsivo, priorizando legibilidade e foco no fluxo de autenticação.
Validação do CNPJ já retornando o nome da empresa, seu código e a validade da licença.
Boas práticas de performance nas animações (transições GPU-friendly e controle de atualização) para não afetar o tempo de entrada do usuário.
