Recurso
Design responsivo no estilo do Gmail, com navegação inferior para dispositivos móveis, painéis que se fecham automaticamente, carregadores de esqueleto e notificações por toast. Revise candidatos do seu telefone.
Primeira Impressão
Estilo do Gmail Carregamento
Quando o aplicativo é inicializado, você vê o logotipo Curriculo com uma barra de progresso suave abaixo. Nenhuma tela branca em branco, nenhum spinner que gira para sempre. O estado de carregamento parece polido e intencional.
Logotipo + Barra de Progresso
A tela de carregamento exibe o logotipo Curriculo centralizado em um fundo limpo com uma barra de progresso fina e animada abaixo. Isso comunica que o aplicativo está carregando e fornece uma sensação visual de progresso. Uma vez que o aplicativo esteja pronto, a tela de carregamento some suavemente.
Esse padrão é inspirado no Gmail, Notion e Linear, aplicativos conhecidos por sua experiência de carregamento. Isso define a expectativa de qualidade antes que o usuário veja o painel de controle.
Layout Adaptativo
Substituição de Painel
Em telas estreitas (dispositivos móveis e tablets pequenos), abrir uma vista de detalhe do candidato substitui a vista da lista em vez de aparecer ao lado dela. Isso dá a cada peça de conteúdo a largura total da tela. Navegue de volta para a lista com um toque simples.
Barra Lateral que se Fecha Automaticamente
Quando um painel de detalhes é aberto em telas de médio porte, a barra lateral se fecha automaticamente para dar espaço. No mobile, a barra lateral se torna completamente a barra de navegação inferior. Cada pixel é utilizado para o conteúdo com o qual você está trabalhando.
Mobile Navegação Inferior
No mobile, a barra lateral de desktop é substituída por uma barra de navegação inferior de 5 abas, sempre visível, sempre a um toque de distância.
InboxNew candidatos e candidatos pendentes actionsStarredBookmarked para rápido accessJobsAll ativo e arquivado vagas de emprego listingsInterviewsUpcoming e cronograma de entrevistas passadasA Aba “Mais”
A quinta aba abre um menu “Mais” com acesso a Configurações, Análise, Gerenciamento de Equipe, Faturamento e outros recursos menos frequentemente utilizados. Isso mantém a barra inferior limpa, garantindo que tudo permaneça acessível.
Mobile Carimbos de Data e Hora
Exibição Compacta de Data em Linhas de Candidatos
No desktop, as linhas de candidatos mostram carimbos de data e hora completos (“15 de março de 2026 às 2:34 PM”). No mobile, os carimbos de data e hora são comprimidos em formatos relativos (“2h atrás”, “Ontem”, “15 de mar”) para economizar espaço horizontal, mantendo a informação útil.
Carregadores de Esqueleto & Notificações de Toast
Carregadores de Esqueleto
Cada página do aplicativo tem um estado de carregamento de esqueleto: formas de placeholder cinza que correspondem ao layout do conteúdo sendo carregado. A lista de candidatos mostra esqueletos em forma de linha. A página de análise mostra esqueletos em forma de gráfico. Isso elimina o deslocamento de layout e dá a impressão de velocidade.
Notificações de Toast
Toda ação do usuário produz uma notificação de toast: “Candidato movido para Entrevista” (sucesso, verde), “Falha ao salvar nota” (erro, vermelho), “Entrevista agendada” (informação, azul). As notificações de toast aparecem no canto superior direito em desktop e no centro inferior em dispositivos móveis, e são automaticamente descartadas após 4 segundos.
Em Breve
Modo Escuro Suporte
CSS Variáveis Prontas
Todo o UI é construído com CSS propriedades personalizadas (variáveis) para cores, fundos, bordas e sombras. Alternar para o modo escuro é apenas uma questão de trocar os valores das variáveis, a infraestrutura já está em lugar.
Implementação Parcial
Componentes principais (barra lateral, cabeçalho, cartões, botões) já têm variantes de modo escuro definidas. A cobertura completa do modo escuro está em andamento e será lançada como uma configuração que o usuário pode alternar em uma atualização futura.
Detecção de Preferência do Sistema
Quando o modo escuro for lançado, ele respeitará a preferência do sistema operacional do usuário (prefers-color-scheme: dark) por padrão, com uma alternância manual nas configurações para substituir.
FAQ
Perguntas Frequentes
Existe um aplicativo móvel nativo?
Curriculo ATS é um aplicativo web responsivo, não um aplicativo nativo iOS ou Android. Funciona em qualquer navegador móvel (Safari, Chrome, Firefox) e é projetado para ter a sensação de um aplicativo nativo com navegação inferior, transições suaves e controles sensíveis ao toque.
Posso revisar candidatos do meu telefone?
Sim. O layout móvel fornece acesso completo à lista de candidatos, visualizações de detalhes, pré-visualização de currículos, notas, ações de pipeline e agendamento de entrevistas. Tudo o que você pode fazer no desktop, você pode fazer no móvel.
Quando o modo escuro estará totalmente disponível?
A infraestrutura variável CSS está em lugar e os componentes principais têm variantes escuras. O modo escuro completo está no roadmap e será lançado como uma configuração alternável pelo usuário. Não há data específica ainda, mas está sendo trabalhado ativamente.
Os carregadores de esqueleto afetam o desempenho?
Não. Os carregadores de esqueleto são elementos leves CSS-somente que renderizam instantaneamente. Eles actually melhoram o desempenho percebido ao mostrar a forma do layout enquanto os dados são carregados, eliminando o deslocamento brusco da tela vazia para o conteúdo completo.
Posso instalar o aplicativo na minha tela inicial?
Sim. Curriculo ATS funciona como um Aplicativo Web Progressivo (PWA). No móvel, você pode usar a opção “Adicionar à Tela Inicial” do navegador para criar um ícone de aplicativo que abre a experiência de tela cheia sem a borda do navegador.