Recurso
Design responsivo estilo Gmail com navegação inferior móvel, painéis que se colapsam automaticamente, carregadores em esqueleto e notificações toast. Reveja candidatos do seu telefone.
Primeira Impressão
Carregamento Estilo Gmail
Quando o aplicativo é inicializado, você vê o logotipo Curriculo com uma barra de progresso suave abaixo. Sem tela em branco, sem spinner que gira para sempre. O estado de carregamento é polido e intencional.
Logotipo + Barra de Progresso
A tela de carregamento mostra o logotipo Curriculo centralizado em um fundo limpo com uma fina barra de progresso animada abaixo. Isso comunica que o aplicativo está carregando e dá uma sensação visual de progresso. Assim que o aplicativo estiver pronto, a tela de carregamento desaparece suavemente.
Esse padrão é emprestado do Gmail, Notion e Linear, aplicativos conhecidos pela sua experiência de carregamento. Isso estabelece a expectativa de qualidade antes que o usuário veja o painel.
Layout Adaptativo
Substituição de Painel
Em telas estreitas (móveis e pequenos tablets), abrir a visualização de detalhes do candidato substitui a visualização de lista em vez de aparecer ao lado. Isso dá a cada peça de conteúdo a largura total da tela. Navegue de volta para a lista com um único toque.
Barra Lateral que Se Colapsa Automaticamente
Quando um painel de detalhes é aberto em telas médias, a barra lateral se colapsa automaticamente para dar espaço. No móvel, a barra lateral se torna a barra de navegação inferior completamente. Cada pixel é usado para o conteúdo com o qual você está trabalhando.
Navegação Inferior Móvel
No móvel, a barra lateral da área de trabalho é substituída por uma barra de navegação inferior de 5 abas, sempre visível, sempre a um toque de distância.
InboxNovos candidatos e ações pendentesEstreladoCandidatos marcados para acesso rápidoTrabalhosTodas as listagens de empregos ativas e arquivadasEntrevistasAgenda de entrevistas futuras e passadasA Aba “Mais”
A quinta aba abre um menu “Mais” com acesso a Configurações, Análise, Gestão de Equipe, Faturamento e outros recursos menos utilizados. Isso mantém a barra inferior limpa, garantindo que tudo permaneça acessível.
Timestamps Móveis
Exibição Compacta da Data nas Linhas de Candidatos
No desktop, as linhas de candidatos mostram timestamps completos (“15 de março de 2026 às 14:34”). No móvel, os timestamps são comprimidos para formatos relativos (“há 2h”, “ontem”, “15 de mar”) para economizar espaço horizontal enquanto mantém a informação útil.
Carregadores em Esqueleto & Notificações Toast
Carregadores em Esqueleto
Cada página do aplicativo tem um estado de carregamento em esqueleto: formas cinzas que correspondem ao layout do conteúdo que está sendo carregado. A lista de candidatos mostra esqueletos em forma de linha. A página de análises mostra esqueletos em forma de gráfico. Isso elimina a mudança de layout e dá a impressão de velocidade.
Notificações Toast
Cada ação do usuário produz uma notificação toast: “Candidato movido para Entrevista” (sucesso, verde), “Falha ao salvar nota” (erro, vermelho), “Entrevista agendada” (informação, azul). Toasts aparecem no canto superior direito no desktop e no centro inferior no móvel, e se encerram automaticamente após 4 segundos.
Em Breve
Suporte a Modo Escuro
Variáveis CSS Preparadas
Toda a interface do usuário é construída com propriedades CSS personalizadas (variáveis) para cores, fundos, bordas e sombras. Mudar para o modo escuro é uma questão de trocar os valores das variáveis, a infraestrutura já está em vigor.
Implementação Parcial
Os componentes principais (barra lateral, cabeçalho, cartões, botões) já têm variantes de modo escuro definidas. A cobertura total do modo escuro está em progresso e será lançada como uma configuração que o usuário pode ativar 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 opção manual nas configurações para sobrescrever.
FAQ
Perguntas Frequentes
Há um aplicativo móvel nativo?
CurriculoATS é uma aplicação web responsiva, não um aplicativo nativo para iOS ou Android. Funciona em qualquer navegador móvel (Safari, Chrome, Firefox) e é projetado para parecer um aplicativo nativo com navegação inferior, transições suaves e controles amigáveis ao toque.
Posso revisar candidatos do meu telefone?
Sim. O layout móvel lhe dá acesso total à lista de candidatos, visualizações de detalhes, pré-visualização de currículos, anotações, ações do 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 da variável CSS está em vigor e os componentes principais têm variantes escuras. O modo escuro completo está no roadmap e será lançado como uma configuração que o usuário pode ativar. Nenhuma data específica ainda, mas está sendo trabalhado ativamente.
Os carregadores em esqueleto afetam o desempenho?
Não. Os carregadores em esqueleto são elementos leves apenas em CSS que renderizam instantaneamente. Eles melhoram a performance percebida ao mostrar a forma do layout enquanto os dados carregam, eliminando a mudança brusca de uma tela vazia para o conteúdo completo.
Posso instalar o aplicativo na tela inicial?
Sim. CurriculoATS funciona como um Aplicativo Web Progressivo (PWA). No móvel, você pode usar a opção “Adicionar à Tela Inicial” do seu navegador para criar um ícone semelhante ao de um aplicativo que abre a experiência em tela cheia sem a interface do navegador.