Eu, como um usuário, quero poder logar no website de colaboradores da Compass para que e consiga acessar com segurança e usufruir das funcionalidades disponíveis.
Atualmente não temos um sistema e login num ambiente digital que promova uma maior integração e centralização de funcionalidade para colaboradores na Compass.
Desejamos um login que possa permitir uma boa usabilidade ao usuário.
Ao tentar acessar uma URL que não existe na aplicação, o usuário é direcionado para uma página de erro 404. Para acessar a página de sucess o usuário deve fazer o login, se o mesmo não o fizer e tentar acessar a página seguinte, será direcionado para uma página de erro 401 que o redirecionará de volta para a página de login após cinco segundos:
Para passar para a página de sucess o usuário deve fazer o login. Só é aceito para o login o padrão de nome.sobrenome para usuário e de números de seis a nove dígitos para senha. Caso o padrão não seja seguido é apontada uma mensagem de erro informando que o padrão está incorreto, impedindo o usuário de prosseguir para a próxima página:
Ao fazer login é iniciada a contagem de um temporizador de 600 segundos. Se o usuário quiser permanecer por mais de 600 segundos logado ele pode apertar o botão de continuar navegando que zera a contagem do temporizador. Ao fazer logout o usuário é direcionado para a página de login novamente, e se o usuário não deslogar é feito um login automático novamente após cinco segundos:
Caso não queria fazer um novo login de forma automática o usuário deve clicar no botão deslogar que aparece junto ao pop-up. O botão para a contagem do contador de cinco segundos e desloga o usuário:
Ao atingir a resolução de 768px o layout muda conforme demonstrado abaixo. A validação dos inputs ainda existe e a mensagem de erro também:
Ao fazer login o usuário é direcionado para a página de sucess que também é responsiva: