3. Feed de vagas - M

[jsalgues]

[US] - Feed de vagas

Definição:

Como usuário, eu gostaria de ter acesso ao feed de vagas, para que possa ver as vagas disponíveis no portal SouJunior.

Descrição:

A ideia é que o usuário possa ter visibilidade a um feed de vagas, em que será possível visualizar vagas juniors disponíveis no mercado.

Protótipo:

Critérios de Aceite:

• VISÃO GERAL

  • LISTA DE VAGAS
  • DETALHES DA VAGA
  • Buscador e Local de vaga (US_Buscador)
  • Filtros (US_Filtro)
  • Opção "Login"
  • Opção "Cadastro"

• CAMPO LISTA DE VAGAS

  • O nome e logo da empresa que está com a vaga em aberto;

  • Opção “nome da vaga”;

  • local de trabalho;

  • Data da publicação da vaga;

  • Opção “Salvar vaga”;

  • Opção “Três pontinhos”;

  • Replicar esse modelos para demais cards da lista.

  • AÇÕES

  • AÇÃO NOME DA VAGA

    • Quando o usuário clicar no NOME DA VAGA, o sistema buscará as demais informações da vaga e as retornará a informação em DETALHES DA VAGA, mantendo à mostra os cards de vaga lista de vagas.

  • AÇÃO SALVAR VAGA

    • Quando o usuário clicar no botão "Salvar" o sistema deve verificar se o botão estava previamente selecionado:
    • Caso negativo, salvar a vaga em um repositório de vagas salvas pelo usuário e destacar botão
    • Caso positivo, retirar a vaga do repositório e desmarcar o botão
    • O usuário poderá acessar esse repositório na US_Página_do_Junior

  • AÇÃO TRÊS PONTINHOS

    • Quando o usuário clicar nos Três pontinhos, o sistema deve imprimir em uma mini pop-up abaixo dos três pontinhos e exibir a opção de executar a US_Denunciar_vaga

• CAMPO DETALHES DA VAGA

  • Cabeçalho: Retângulo superior horizontal irá conter

  • O cabeçalho torna-se congelado ao rolar página descrição para baixo

  • o nome e logo da empresa que está com a vaga em aberto;

  • nome da vaga;

  • local de trabalho;

  • Opção “Candidatar-se”

  • Opção “Salvar”

  • Grande quadrado abaixo com detalhes da vaga

  • Descrição da vaga

    • Deve haver uma descrição da vaga com os dados da respectiva vaga, que foram inseridos pela empresa no momento de cadastro da vaga.

  • Opção “Mostrar mais”

  • Visão empresa

    • Na parte inferior da DETALHES DA VAGA, também congelado, a tela deve imprimir dados da empresa contratante, contendo:
    • Tamanho,
    • Setor da cia
    • Opção “Site”

  • AÇÕES

  • AÇÃO CANDIDATAR-SE

    • Executar a US_Candidatura

  • AÇÃO SALVAR

    • Quando o usuário clicar no botão "Salvar" o sistema deve salvar a vaga em um repositório de vagas salvas pelo usuário
    • Caso a vaga tenha sido favoritada anteriormente, o botão deve estar destacado
    • O usuário poderá acessar esse repositório na US_Página_do_Junior

  • AÇÃO MOSTRAR MAIS

    • Quando usuário clicar em opção “Mostrar mais”, o sistema deve expandir o descritivo da vaga e exibir mais detalhes

  • AÇÃO SITE DA EMPRESA

    • Quando o usuário clicar em “site da empresa”, deverá ser aberta uma nova aba no navegador do usuário, a qual terá como destino o site da respectiva empresa:
    • IMPORTANTE: Não direcioná-lo para a aba. Apenas abrir a página em aba ao lado

• CAMPO BUSCADOR

  • Executar US_Buscador

• CAMPO FILTRO

  • Executar US_Filtro

• CAMPO LOGIN

  • Executar US_Login
  • Caso o usuário já esteja logado, no lugar da opção “Login” e “Cadastre-se” deve haver a opção “Página do Usuário”, que o redireciona para a US_Página_do_Usuário

• CAMPO CADASTRE-SE

  • Executar US_Cadastro
  • Caso o usuário já esteja logado, no lugar da opção “Login” e “Cadastre-se” deve haver a opção “Página do Usuário”, que o redireciona para a US_Página_do_Usuário

[Rica-Jesus]

@jsalgues @SouJunior/ux se puderem por favor nos ajudar com o protótipo, sem ele não conseguiremos avançar na tarefa

[JeanVictorferreira]

Já estamos Trabalhando nos protótipos.