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.