Ano · confirmar EdTech · Concursos públicos App mobile Dashboard web Jonnpo Tecnologia

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.

Mockup · hero

Notebook ao fundo com o dashboard (Home com indicadores e gráfico de perguntas por dia) e dois iPhones à frente: a Home do aluno ("Olá, Luciano", Nível 12) e a tela de questão com a alternativa correta em verde. Fundo azul #1E88E5 com brilho branco suave no canto superior direito.

Produto
Elevesy (antes AprovaUp)
Empresa
Jonnpo Tecnologia
Ano
— confirmar
Meu papel
Product Designer · UX/UI
Plataformas
App mobile · dashboard web
Etapas
Descoberta, definição, UI e design system
01

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.

02

O desafio

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. O cuidado, desde o kickoff, era equilibrar diversão e credibilidade: o público é adulto e a gamificação não podia infantilizar uma preparação séria.

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

Persona

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.

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

Ela precisa
  • 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

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.

03

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.

DuolingoReferência de UX

Progressão por etapas, feedback imediato, metas e conquistas integradas ao aprendizado.

QConcursosDomínio

Organização de questões, filtros, simulados e acompanhamento de desempenho.

Gran Questões · TECDomínio

Estudo por questões com filtros detalhados e direcionamento por concurso.

AcerteiGamificação

Mecânicas de jogo aplicadas à prática de questões de concurso.

Khan AcademyAprendizagem

Explicações, prática e feedback dentro de uma trilha de progresso.

Quizlet · QuizizzInteração

Formatos rápidos de prática e questionários interativos.

H1Gamificação e constância

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

H2Personalização e frustração

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

H3Comunidade e engajamento

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.

04

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. O dashboard configura; o app consome.

Dashboard administrativo
Base de Conteúdo + Banco de QuestõesMatéria → Assunto → Questões · acervo único
ConcursosCuradoria por edital
SimuladosRegras do construtor
NivelamentoAvaliação inicial
Economia do AppXP, Studycoins e trunfos
PlanosAcesso e limites
App do alunoEstudo, prática, personalização e progresso
05

Primeira experiência

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 foi pensado como diagnóstico, não como prova eliminatória: 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
06

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ã?

6.1

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
6.2

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 verdadeiro ou falso
Pergunta rápida
Quiz concluído com 80% e XP ganho
Resultado
6.3

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" responde a outra necessidade: montar 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
Matérias do concurso Polícia Rodoviária Federal
Matérias do concurso
Crie seu simulado com tempo, quantidade e disciplinas
Crie seu simulado
6.4

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
07

O dashboard que alimenta o app

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.

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

Home: alunos ativos, perguntas respondidas, taxa de acerto, XP e Studycoins em circulação.

Banco de Questões com matérias

Banco de Questões organizado por matéria, com importação via planilha.

Formulário de edição de questão

Cadastro de questão: matéria, assunto, dificuldade, tipo, banca e alternativas.

Lista de concursos

Catálogo de concursos com status do edital, matérias e vagas.

Matérias vinculadas ao concurso com preview da meta do estudante

Matérias vinculadas ao concurso, com prévia da meta do estudante.

Configuração do nivelamento

Nivelamento: concursos de interesse e dedicação semanal.

Planos e preços com funcionalidades

Planos com os limites e funcionalidades de cada um.

7.1

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.

7.2

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
7.3

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.

Preview do app mobile dentro do dashboard

Prévia do app dentro do dashboard.

08

Design system

App e dashboard foram construídos com os mesmos fundamentos: 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.

Cores

Azul Elevesy#1E88E5
Azul suave#E5F1FF
Acerto#E4F5E9
Erro#FDECEC
Conquista#FFF3D6
Fundo#F4F5F7

Tipografia

Display / H1Poppins · 32/40 · Bold
H2 SeçõesPoppins · 24/32 · Semibold
H3 Cards e chamadas20/28 · Medium
Body L · enunciados e textosInter · 16/24
Body S · descrições e feedbackInter · 14/20
Caption · informações auxiliaresInter · 12/16

Formulários · 6 estados

Campos de formulário nos estados disabled, default, hover, pressed, filled e error

Botões · fill, stroke e text com estados

Style guide de botões com variantes e estados

Progresso e gráficos

Componentes de progresso circular, barras e gráfico
09 · 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
Próximo case Runway Capital Ops →