Plataforma de recrutamento com três perfis
Superfícies de candidato, empresa e admin num artefato de 350 nós.
Uma plataforma de emprego cobrindo match de vagas, currículos, agendamento de entrevistas entre empresa e candidato, notificações para recrutadores, cobrança por assinatura e gestão financeira e de usuários no admin. Desenhei a página de design com 265 filhos num artefato de cinco páginas e 350 nós: busca, candidaturas, gestão de currículo e perguntas condicionais da empresa; onboarding da empresa em três etapas, publicação de vaga e triagem de candidatos; e a superfície de admin. É crédito de design de UI/UX — nenhuma implementação, processamento de pagamento ou resultado de lançamento é reivindicado aqui.
- Função
- UI/UX Designer
- Período
- fev. de 2024 – mai. de 2024
- Stack
- Figma
- Evidência
- Arquivo de design
Designer de UI/UX de uma plataforma de empregos e colocação profissional com três perfis (Candidato, Empresa Contratante e Back Office Administrativo), totalizando 265 nós na página de design em um artefato de 350 nós. Desenvolveu busca de vagas com perguntas condicionais, funil de onboarding empresarial em três etapas, agendador integrado de entrevistas com modais de cancelamento/reagendamento, gestão de assinaturas (Pix/Boleto/Cartão) e estados vazios dedicados para todas as telas sem dados.
Atuação na agência Sagitta entre 9 de fevereiro e 7 de maio de 2024. Atuou como designer de UI/UX em equipe integrada ao desenvolvimento. A plataforma foi criada para modernizar a intermediação de mão de obra regional no Brasil, conectando profissionais a empresas por meio de triagem automatizada e agendamento de entrevistas, monetizada por planos de assinatura recorrentes.
Arquitetura com três perfis: busca de vagas, triagem corporativa e back office
- 265
- nós de design na prancha principal de produto
- 3
- perfis de acesso (Candidato, Empresa, Admin)
- 13
- estilos de cor semânticos no documento
- 3
- telas dedicadas de recuperação em estado vazio
Plataformas regionais de emprego enfrentam um dilema duplo: os candidatos demandam processos rápidos de candidatura, enquanto empresas de pequeno e médio porte precisam de filtros automáticos para não se sobrecarregarem com currículos fora do perfil. Estruturei o Seu Portal de Emprego em três áreas de acesso independentes (Candidatos, Empresas e Administradores), garantindo que cada parte contasse com ferramentas sob medida para busca, triagem ou controle financeiro.
Fluxos principais: qualificação condicional e onboarding em 3 etapas
A aplicação organiza a rotina de contratação através de fluxos funcionais detalhados:
- Busca de Vagas e Perguntas Condicionais — Feed de vagas associado ao componente PerguntasEmpresa, questionários dinâmicos da empresa exibidos na candidatura para validar pré-requisitos antes do envio do currículo.
- Onboarding de Empresas em 3 Etapas — Funil de cadastro assistido (Empresa stage1, stage2 e stage3) registrando dados da empresa, ramos de atuação e criação da primeira vaga.
- Gestão de Vagas e Candidaturas — Painéis para recrutadores (Minhas vagas, Currículos e tabelas em múltiplos estados Lista) para triagem de candidatos e análise de currículos recebidos.
- Monetização e Planos de Assinatura — Módulo de faturamento (Gerenciar Planos, Plano Grátis, Planos editar e Assinatura pix) viabilizando planos de acesso via Pix, boleto e cartão.
- Governança Administrativa — Console de gestão com métricas de uso (Métricas, DASH) e disparador de notificações push personalizadas (Enviar notificação personalizada).
O agendador de entrevistas e calendário integrado
Um diferencial importante da plataforma foi o motor de agendamento de entrevistas. Em vez de direcionar candidatos para ferramentas externas de calendário, os recrutadores propunham datas e horários diretamente no portal (Agenda de entrevistas e Agenda das entrevistas). Desenhei modais de confirmação de agendamento (Pop-up agendar entrevista) e fluxos de cancelamento com justificativa estruturada (Pop-up cancelar entrevista), sincronizados com alertas para o candidato.
Design defensivo: estados vazios e resiliência a falhas
Muitos produtos digitais falham quando o usuário não possui dados cadastrados. No Seu Portal de Emprego, cada visualização principal conta com um estado vazio desenhado especificamente: Home - Empty State, Agenda de entrevistas - Empty State e Curriculos enviados - Empty State. Em vez de tabelas em branco, esses estados orientam claramente como publicar a primeira oportunidade ou iniciar candidaturas.
Desenhar um marketplace de múltiplos perfis exige pensar no dia zero com o mesmo rigor do dia cem. Estados vazios não são enfeites; são convites para a primeira ação.
Sistema de cores semântico e especificações mobile
O arquivo estabelece 13 estilos de cor semânticos divididos entre tons primários (Azul Primário #1E1A51, Roxo Primário #412682, Laranja Primário #EE7D00), neutros de interface (Preto, Branco, Cinza e Stroke #EBEB39) e estados de suporte (Amarelo, Vermelho, Verde). Além disso, estruturei uma página dedicada de Review com 19 pranchas, incluindo especificações detalhadas para desenvolvedores (Specs) e layouts de iPhone SE para acelerar a implementação.
Evidência
Entregue ao time de engenharia com especificações completas e pranchas de revisão mobile (página Review com pranchas de inspeção em iPhone SE). A empresa encerrou suas operações comerciais posteriormente e o domínio seuportaldeempregos.com.br foi desativado. Não existem métricas de produção; o projeto permanece como comprovação auditada de arquitetura de marketplace com três perfis e resiliência de estados vazios.