Voltar

Redesign da Vitrine de VagasRedesign da Vitrine de Vagas

Repensando a experiência de busca de vagas para ampliar a base ativa e aumentar a conversão de cadastros na plataforma.

PAPEL
Product Designer
PLATAFORMA
Web - Desktop e Mobile
ESCOPO
Pesquisa -> Redesign
ANO
2023
Redesign da vitrine de vagas em desktop
Redesign da vitrine de vagas - Desktop

— Contexto

Um produto funcional, mas com potencial inexplorado

O marketplace é uma plataforma brasileira de recrutamento especializada em tecnologia que conecta empresas a profissionais da área desde 2015.

Apesar da solidez do produto, a página de vitrine de vagas apresentava pontos de atrito que limitavam a conversão de novos usuários. O objetivo era redesenhar a experiência de navegação e busca com foco no crescimento da base ativa e na ampliação da base convidada.

— Dados de acesso

Os números revelavam onde o problema estava

Antes de partir para qualquer solução, os dados quantitativos já sinalizavam pontos críticos. A taxa de rejeição era o maior indicador de que algo precisava mudar, especialmente no mobile.

7.335Acessos totais

10-17 de Maio · 41% de rejeição

4.988Acessos desktop

39% de rejeição

2.347Acessos mobile

47% de rejeição

— Investigação

Entendendo o comportamento real dos usuários

A investigação combinou análise heurística da plataforma existente, dados via Hotjar e benchmarking com plataformas concorrentes.

Os dados apontaram um padrão claro: a página é escaneada, não lida. Cabeçalhos grandes consumiam espaço valioso, no mobile a rolagem iniciava diretamente nos filtros e tags de tecnologia eram os filtros mais utilizados.

Cabeçalho desnecessariamente grande

A parte superior concentrava toda a atenção, mas o conteúdo relevante só aparecia após muito scroll.

Mobile com rolagem problemática

No primeiro acesso, a rolagem ia direto ao filtro, e o usuário precisava subir para ver qualquer vaga.

Filtros insuficientes

Faltavam senioridade, palavra-chave e tipo de vaga, opções muito demandadas.

Cartões com inconsistências

Alinhamentos irregulares e áreas que simulavam clique sem executar ação prejudicavam a confiança.

Analise da plataforma e mapas de calor
Análise da plataforma, vídeos de navegação e mapas de calor (Hotjar)

— Interface anterior

O estado da plataforma antes do redesign

A versão original da vitrine já tinha informações relevantes, mas a hierarquia visual não favorecia a tomada de decisão rápida. O cabeçalho ocupava grande parte do viewport e os cartões não ofereciam contexto suficiente para qualificar a oportunidade sem abri-la.

Interface anterior da vitrine de vagas
Interface anterior - versão desktop da vitrine de vagas
Estado anterior da plataforma
Detalhes da experiência anterior

— Processo

De wireframes a protótipos navegáveis

Com os problemas mapeados, o processo seguiu por wireframes de baixa fidelidade, validação técnica e prototipagem em alta para desktop e mobile.

Após a prototipagem, usuários participaram de sessões individuais de teste via videochamada, navegando por cenários reais de busca.

Geral

Reduzir cabeçalho, reestruturar hierarquia de informação, sinalizar filtros ativos e adicionar indicador de vaga nova.

Mobile

Reposicionar resultado abaixo dos filtros, explorar bottom sheets, organizar alinhamentos e revisar paginação.

Novos filtros

Incluir nível de experiência, palavra-chave e tipo de vaga.

Ordenação

Disponibilizar classificação por recência, relevância e faixa salarial.

Fluxos percorridos durante testes de usabilidade
Fluxos percorridos durante os testes de usabilidade - desktop e mobile

— Impacto

O que os testes revelaram sobre o protótipo

As sessões confirmaram hipóteses e trouxeram ajustes importantes: faixa salarial via slider foi bem recebida, o filtro de palavra-chave precisava de direcionamento, data de publicação era relevante, o botão Demonstrar Interesse gerava confusão, tecnologias múltiplas eram esperadas e localização deveria funcionar sem dependências.

— Solução

Uma vitrine mais eficiente, para desktop e mobile

O redesign final incorporou os aprendizados dos testes e entregou uma experiência mais direta e consistente nas duas plataformas.

As principais mudanças foram a redução do cabeçalho, novo painel de filtros com sliders, reorganização dos cartões de vaga e indicação de vagas novas.

Versao desktop redesenhada
Versão desktop redesenhada
Versao mobile redesenhada
Versão mobile redesenhada
Evolucao dos cadastros mensais
Evolução dos cadastros mensais - abr-out 2022

— Reflexão

O que ficou desse projeto

Esse projeto mostrou como melhorias na experiência de busca podem gerar impacto direto em métricas de negócio. A combinação de dados quantitativos do Hotjar com testes de usabilidade permitiu tomar decisões embasadas em comportamento real.

Também foi um exercício de equilíbrio entre necessidades de usuários com diferentes perfis de busca e a manutenção da consistência e simplicidade da interface.

Algumas informações visuais e identificadores foram adaptados para preservar a confidencialidade do projeto.