EdTech App + dashboard web Concursos públicos

Estudar para concurso como quem sobe de nível

Um app de questões com trilhas, feedback imediato e gamificação para concurseiros, e um painel administrativo que controla todo o conteúdo e as regras do jogo.

Produto
Elevesy (antes AprovaUp)
Empresa
Jonnpo Tecnologia
Público
Concurseiros
Meu papel
Product Designer · UX/UI
Plataformas
App mobile · Dashboard web
Etapas
Descoberta, definição, UI e design system
Contexto

O Elevesy é um aplicativo de estudos para concursos públicos focado em perguntas e respostas. O aluno escolhe o concurso, estuda por matéria e assunto, monta os próprios simulados e acompanha a evolução, com o Duolingo como referência de progressão e engajamento.

O projeto começou com o nome AprovaUp e foi desenvolvido na Jonnpo Tecnologia. Conduzi o design de produto do kickoff ao design system, passando pelo app do aluno e pelo dashboard que alimenta toda a experiência.

O desafio

Gamificação a serviço do estudo, não no lugar dele.

Passar num concurso exige constância, repetição e revisão de um volume enorme de conteúdo. Para muita gente, o difícil não é estudar, é manter a rotina e saber por onde continuar.

A aposta era que sessões curtas de questões, objetivos claros, feedback na hora e progresso visível reduziriam esse esforço, sem infantilizar uma preparação séria para um público adulto.

Marina, 27 anos

Recepcionista, estuda à noite, depois do trabalho. Encontra material em lugares diferentes, demora para decidir o que estudar e, nos dias cansativos, acaba adiando a sessão.

Ela precisa

Persona
Saber por onde começar
Organizar os estudos sem um planejamento complexo
Ver o próprio progresso com clareza
Saber o que precisa revisar
Manter a rotina mesmo nos dias difíceis

Resposta do produto

App do aluno

Abrir o app e já encontrar a próxima atividade da trilha, o progresso atual e a meta do dia, sem precisar decidir nada antes de começar a estudar.

Persona hipotética, criada para orientar o início do trabalho e ainda a ser confrontada com entrevistas.

Pesquisa e hipóteses

O benchmark cruzou dois mundos que costumam andar separados: plataformas sérias de questões para concurso e experiências de aprendizado gamificadas. A oportunidade estava no meio: aprendizado estruturado, gamificação significativa e personalização.

Referência de UXDuolingoProgressão por etapas, feedback imediato, metas e conquistas integradas ao aprendizado.
DomínioQConcursosOrganização de questões, filtros, simulados e acompanhamento de desempenho.
DomínioGran Questões · TECEstudo por questões com filtros detalhados e direcionamento por concurso.
GamificaçãoAcerteiMecânicas de jogo aplicadas à prática de questões de concurso.
AprendizagemKhan AcademyExplicações, prática e feedback dentro de uma trilha de progresso.
InteraçãoQuizlet · QuizizzFormatos rápidos de prática e questionários interativos.

Gamificação e constância

H1

Pontos, conquistas, ranking e sequência ajudam a manter uma rotina de estudos.

Personalização e frustração

H2

Trilhas adaptadas ao desempenho ajudam a identificar dificuldades e a sentir evolução.

Comunidade e engajamento

H3

Ranking e desafios coletivos aumentam o vínculo com o produto.

As hipóteses foram tratadas como perguntas de pesquisa, e não como benefícios já comprovados.

Uma base, dois lados

O Elevesy tem duas áreas que precisam funcionar como uma só: o app, onde o aluno estuda, e o dashboard, onde o conteúdo e as regras são administrados.

A decisão de arquitetura mais importante foi manter uma base central de conteúdo. Uma questão é cadastrada uma vez e pode aparecer no treino por matéria, em vários concursos e nos simulados, sem cópias.

Dashboard administrativo

Configura

Base de Conteúdo + Banco de QuestõesAcervo únicoMatéria → Assunto → Questões
ConcursosCuradoria por edital
SimuladosRegras do construtor
NivelamentoAvaliação inicial
Economia do AppXP, Studycoins e trunfos
PlanosAcesso e limites
App do aluno

Consome

Estudo, prática, personalização e progresso.

Home do app do aluno

Decisões no app do aluno

Em cada tela, a pergunta era a mesma: isso ajuda a Marina a começar a estudar mais rápido e a voltar amanhã?

01

Nivelamento como diagnóstico, não como prova

O onboarding apresenta as três ideias centrais, níveis de XP, sequência de estudos e acompanhamento do progresso, sem atrasar a entrada no app. Cada tela pode ser pulada.

Logo depois, o nivelamento pergunta os concursos de interesse, a dedicação semanal e as matérias preferidas. Ele serve para calibrar a trilha, não para dar nota.

Onboarding: boas-vindas ao Elevesy
Boas-vindas
Onboarding: sistema de níveis de XP
Níveis de XP
Onboarding: mantenha sua sequência
Sequência
Teste de nivelamento com concursos, dedicação semanal e matérias
Nivelamento
02

A home aponta o próximo passo

Nível, XP, Studycoins e sequência ficam no topo, mas o protagonismo é do “Continue estudando”: o último assunto, o progresso e um botão para retomar. Matérias e assuntos seguem a mesma lógica, com dificuldade, recompensa em XP, tempo estimado e duas entradas claras, Prática rápida ou Quiz.

Home do aluno com nível, sequência e continue estudando
Home
Matérias com meta diária
Matérias
Assuntos de Língua Portuguesa com prática rápida e quiz
Assuntos
03

Feedback na hora, sem punição

Cada questão mostra ano, banca e concurso para dar credibilidade. Ao responder, o resultado aparece imediatamente: Parabéns! Você está no caminho certo. ou Não desanime! Vamos revisar o conceito. O erro vira convite para revisar, não motivo para desistir.

Os trunfos ajudam sem tirar o desafio: “Não sei” e “Pular pergunta” custam XP, e “Apagar 2” usa Studycoins. Além do quiz de 4 alternativas, a pergunta rápida de verdadeiro ou falso cabe nos minutos livres do dia.

Questão objetiva com trunfos
Quiz
Resposta certa com feedback verde
Acerto
Resposta errada com feedback de revisão
Erro
Pergunta rápida de verdadeiro ou falso
Pergunta rápida
Quiz concluído com 80% e XP ganho
Resultado
04

Estudar para o concurso certo, no tempo que se tem

O aluno pode partir do concurso: cada card traz vagas, salário, data e status do edital, e dentro dele estão apenas as matérias que importam para aquela prova. Já o “Crie seu simulado” monta um treino com tempo, quantidade de perguntas, disciplinas e tópicos, tudo em uma tela, com sliders e seleção direta.

Lista de concursos em destaque
Concursos
Informações do concurso Polícia Rodoviária Federal
Edital
Matérias do concurso Polícia Rodoviária Federal
Matérias do concurso
Crie seu simulado com tempo, quantidade e disciplinas
Crie seu simulado
05

Progresso que motiva sem infantilizar

O ranking compara a posição geral e permite filtrar por grupos, como o curso preparatório. O perfil resume nível, sequência, melhor streak e precisão. A estética segue a de um produto profissional: cards limpos, azul como cor de ação e o mascote do capelo aparecendo nos momentos de conquista, nunca disputando atenção com a questão.

Ranking com posição geral
Ranking
Perfil com nível, Studycoins e estatísticas
Perfil
Escolha seu plano
Planos
Aviso de limite diário de questões gratuitas
Limite do plano
Dashboard web

O dashboard que alimenta o app

A direção visual é de SaaS profissional: sidebar branca com ícones discretos, cards com sombras sutis, tabelas leves e estados de sucesso, atenção e erro fáceis de identificar.

Home do dashboard com indicadores e perguntas respondidas por dia Banco de Questões organizado por matéria Formulário de cadastro de questão Catálogo de concursos Matérias vinculadas ao concurso com prévia da meta do estudante Configuração do nivelamento Simulados com indicadores e construtor Planos e preços com funcionalidades

Decisões no dashboard

O painel administrativo é o centro de controle do Elevesy: alunos, planos, base de conteúdo, banco de questões, nivelamento, concursos, economia do app, simulados e configurações, num menu agrupado por contexto.

06

Cadastrar uma vez, usar em todo lugar

Cadastro manual e importação por planilha alimentam o mesmo banco. Dentro de um concurso, o administrador não cria questões: seleciona as matérias e os assuntos que já existem na base. Assim, atualizar um edital não exige duplicar conteúdo, e uma correção numa questão vale para todos os lugares onde ela aparece.

Importação de questões por planilha
Importação por planilha
Matérias da base vinculadas a um concurso
Matérias da base vinculadas ao concurso
07

A economia do app em uma tela só

XP e Studycoins têm papéis diferentes e não podiam se confundir. Em vez de submenus, toda a economia fica numa única tela: recompensas por interação, trunfos que custam XP, o trunfo que custa Studycoins e um resumo do que é ganho e gasto por sessão. Cada item tem valor numérico e um toggle para ligar ou desligar.

Economia do App com recompensas e trunfos
08

O admin vê o que o aluno vai ver

O construtor de simulados define os limites de tempo e de perguntas, com uma recomendação de um minuto por questão. Para que a regra não fique abstrata, o painel mostra uma prévia do app com os sliders e as disciplinas exatamente como o aluno verá, ao lado da configuração ativa.

Construtor de simulado com tempo mínimo e máximo
Construtor de simulado
Prévia do app mobile dentro do dashboard
Prévia do app dentro do dashboard
Design system

Os mesmos fundamentos nas duas frentes

App e dashboard foram construídos com a mesma base: Poppins para títulos e destaques, Inter para enunciados e interface, componentes com variantes de estado e Auto Layout em tudo, para facilitar a manutenção e o handoff.

Azul Elevesy#1E88E5 Azul suave#E5F1FF Fundo#F4F5F7 Acerto#E4F5E9 Erro#FDECEC Conquista#FFF3D6
01Marca e cores: o azul para a ação, e cores suaves para acerto, erro e conquista
Display / H1Poppins · 32/40 · Bold
H2 SeçõesPoppins · 24/32 · Semibold
H3 Cards e chamadasPoppins · 20/28 · Medium
Body L · enunciados e textosInter · 16/24
Body S · descrições e feedbackInter · 14/20
Caption · informações auxiliaresInter · 12/16
02Tipografia: Poppins nos títulos, Inter nos enunciados
Botões fill, stroke e text com estados
Campos de formulário nos estados disabled, default, hover, pressed, filled e error
Radios, checkboxes e toggles
Progresso circular, barras e gráfico
03Botões, formulários com 6 estados, controles, progresso e gráficos
Resultado e próximos passos

Uma base sólida para transformar hipóteses em produto.

Entreguei os fluxos do aluno, do onboarding ao resultado do quiz, o dashboard com os módulos centrais e um design system compartilhado entre as duas frentes, tudo apoiado numa arquitetura que evita conteúdo duplicado e regras conflitantes.

Parte das regras, como valores de XP, limites dos planos e critérios do nivelamento, ficou documentada como decisão em aberto. O próximo passo é validar as hipóteses com concurseiros reais e fechar essas regras antes da versão final.

1Entrevistar concurseiros 2Fechar regras de planos e economia 3Testar onboarding e quiz 4Documentar o handoff
Questão com alternativa marcada
Responder
Feedback de acerto
Entender na hora
Quiz concluído com XP ganho
Subir de nível
Próximo case

Runway Capital Ops: plataforma de gestão de capital de inovação.

← Ver todos os projetos