Plataforma de recrutamento — UI em três perfis de acesso

Plataforma de recrutamento de dois lados conectando profissionais (Candidatos) e empresas contratantes (Empresas), sustentada por uma suíte operacional administrativa centralizada (Admin). 230 nós de tela no Desktop e 16 no Mobile distribuídos em oito páginas no Figma, englobando descoberta de vagas com tratamento de exceções, funil de contratação com wizard de 3 etapas e Kanban, score de aderência técnica (IAT) com quatro modais explicativos e checkout com Cartão, Pix e Boleto.

Atuação como designer de UI contratado pela agência Sagitta; o relacionamento comercial pertencia à agência. Divisão clara de papéis: Ramon (tech lead) liderou os workshops de discovery de UX, reuniões com o cliente e especificação funcional; Kelvin Bezerra desenhou a identidade de marca e o logotipo original. Como Designer de UI Principal, criei a interface completa nos três perfis de acesso, estruturei a camada de componentes de domínio sobre base Untitled UI e adaptei os fluxos mobile. Trabalho documentado entre outubro e novembro de 2024.

Um ecossistema de recrutamento em três perfis

🖥️230

telas desktop desenhadas nos três perfis

📱16

telas mobile de onboarding e autenticação

👥3

perfis de acesso (Candidato, Empresa, Admin)

💳3

métodos de pagamento brasileiros (Cartão, Pix, Boleto)

Marketplaces de recrutamento exigem equilibrar dois estados emocionais opostos: candidatos que enfrentam a ansiedade da busca por emprego e demandam clareza e feedback imediato de status, e empresas que precisam de triagem ágil, avaliação técnica consistente e checkout simples para planos corporativos.

Perfil Candidato: busca, acompanhamento e modais de divergência

A área do candidato (13043:2393) oferece navegação fluida e acolhedora para descoberta de vagas e gestão de candidaturas:

• Autenticação e Cadastro Progressivo — Fluxo de cadastro em etapas (cadastro etapas 1 a 4), preenchimento de perfil profissional (Cadastro Profissional) e recuperação de senha com código de verificação.
• Descoberta de Vagas com Estados Vazios — Busca avançada com filtros de cargo, senioridade e remuneração, folha detalhada da vaga, estados de filtro sem resultado e criação de alertas (Alerta de vagas).
• Gestão e Histórico de Candidaturas — Painel dedicado (Minhas Vagas) mantendo o profissional informado sobre a evolução de cada candidatura no funil.
• Matriz Completa de Modais e Exceções — Tratamento de primeiro acesso (popupCandidatura/primeiroAcesso), confirmação de envio, avisos de divergência de perfil (popupCandidatura/divergência) e fluxo de denúncia de vaga irregular (denunciar / denunciarSucesso).

Perfil Empresa: wizard de vaga, Kanban e aderência técnica (IAT)

O ambiente da empresa contratante (13014:1756) organiza todo o ciclo de atração de talentos, desde o anúncio até a assinatura do plano:

• Wizard de Publicação de Vagas em 3 Etapas — Fluxo estruturado (Nova vaga 1, 2, 3) para definição de requisitos, faixa salarial, benefícios e competências eliminatórias.
• Pipeline de Candidatos em Kanban — Quadro visual de triagem (cardKanban) permitindo que equipes de RH movimentem talentos entre as etapas do processo seletivo.
• Interface do Índice de Aderência Técnica (IAT) — Visualização gráfica do score de compatibilidade do candidato, acompanhada por quatro modais explicativos (aderênciaAjuda, concorrênciaAjuda, médiaAjuda, popupFitcultural) para dar transparência ao cálculo aos recrutadores.
• Checkout Completo com Meios Brasileiros — Fluxo de contratação de planos corporativos com Cartão de Crédito (Cartão 1–2), Pix com QR code dinâmico (Pix 1–2) e Boleto bancário (Boleto 1–2), com telas de erro, tentativa e confirmação.

Painel Admin: gestão de plataforma e comunicação em massa

A suíte administrativa (5325:11592) fornece aos operadores da plataforma visão global e ferramentas de sustentação:

• Gestão Centralizada de Entidades — Telas com modais de detalhe para empresas cadastradas (gerenciamentoEmpresa), candidatos (gerenciamentoCandidato), cargos, planos comerciais e administradores.
• Disparador de Notificações em Massa — Ferramenta de comunicação com seleção unitária, seleção global, reenvio em massa (Reenvio em massa) e histórico auditável de disparos (Histórico de notificações).
• Gerenciador de Conteúdo e Suporte — CRUD modal completo para central de ajuda (FAQ - Adicionar, Editar, Deletar dúvida) com feedback de sucesso.

Realidade de produção: o site no ar e a troca de logotipo

O design foi entregue aos desenvolvedores da Sagitta e lançado em produção em atuavaga.com.br. Após a entrega, o cliente optou por trocar o logotipo criado por Kelvin Bezerra por uma versão alternativa no site público. Esse episódio ilustra uma premissa fundamental deste portfólio: o link em produção atesta que o software foi construído e publicado, mas o arquivo no Figma guarda o verdadeiro padrão de design e identidade.

Evidência

Entregue e colocado em produção em atuavaga.com.br, servindo os fluxos de entrada de candidatos e empresas desenhados neste arquivo. Posteriormente, o cliente substituiu o logotipo original de Kelvin Bezerra por uma versão de menor refinamento no site no ar; portanto, a URL ao vivo serve estritamente como prova de publicação, enquanto o arquivo no Figma permanece como o padrão definitivo de qualidade visual. Nenhuma métrica quantitativa de contratações é reivindicada.