Apresentação visual, tela a tela

Conheça o HACK HUB®
por dentro

Um passeio guiado por todas as telas e funcionalidades da plataforma — módulo por módulo, perfil por perfil — com capturas reais do sistema em uso.

Todas as telas abaixo usam um clube de demonstração ("HACK CLUB Escola Modelo") com dados fictícios, apenas para fins de apresentação.

Sumário

1
app/clube.html

Painel do Clube

A "casa" do professor mentor: cadastra o clube, os mentores, os estudantes e monta a equipe única de trabalho. É o ponto de partida de toda a jornada.

Painel do Clube — abas Professor Mentor, Time do Clube, Pontuação, Avaliador, Mural
2
app/discovery.html

Jornada HACK Discovery

A trilha de descoberta: 10 missões guiadas que levam a equipe a identificar um problema real, entender causas, entrevistar pessoas afetadas e propor um MVP de solução.

Jornada HACK Discovery — 10 missões concluídas, progresso 100%
3
app/builder.html

Jornada HACK Builder

Onde a equipe constrói de fato: 3 desafios práticos e reais (HACK WEB, HACK SYSTEM, HACK APP) resolvidos para um cliente real, com avaliação externa e nota de 0 a 100.

Jornada HACK Builder — HACK WEB, HACK SYSTEM e HACK APP avaliados
4
app/banco-hack.html

Banco HACK

Um banco de mini-desafios (histórias/casos reais) para treinar a equipe a identificar causas, planejar e escolher ferramentas — calculando o IIH e distribuindo selos (Bronze a Diamante).

Banco HACK — desafios por categoria e nível, com IIH calculado
5
app/projetos.html

HACK PROJECTS — Lista de Projetos

A gestão de projetos reais do clube, no estilo de um software de gestão profissional — cada equipe pode ter um ou mais projetos de impacto em andamento.

HACK PROJECTS — lista de projetos com estatísticas e filtros
6
app/projeto.html

HACK PROJECTS — Detalhe do Projeto

Ao abrir um projeto, a equipe (e o mentor) acompanha tudo em 5 abas — do planejamento ao financeiro — com orientações do mentor em cada etapa.

Detalhe do projeto — abas Visão Geral, Cronograma, Kanban, Financeiro, Indicadores
7
app/challenges.html

HACK Challenges

A ponte entre a escola e o mercado: empresas parceiras publicam desafios reais (com premiação em dinheiro) e as equipes enviam propostas de solução.

HACK Challenges — desafios publicados por empresas parceiras
8
app/festival.html

HACK Festival

O grande evento final: as equipes se inscrevem com seu projeto, cumprem entregas, recebem orientação de mentores voluntários e apresentam ao vivo — concorrendo a Finalista e Vencedor.

HACK Festival — status Vencedor, entregas, mural e avaliação final
9
app/dashboard.html

Dashboard da Equipe

Uma visão única e resumida de todo o desempenho da equipe: posição no ranking, pontos por módulo e o IIH do projeto de Discovery.

Dashboard da equipe — ranking #1, pontos por módulo, IIH 82/100 Ouro
10
ranking.html

Ranking Geral

Página pública em tempo real que soma os pontos das 3 frentes de todas as equipes cadastradas — o "placar" público de todo o Ecossistema.

Ranking geral — equipes ordenadas por pontuação total
11
avaliador/painel.html

Painel do Avaliador Externo

Especialistas convidados (não são professores do clube) avaliam as missões de Discovery e os desafios de Builder das equipes que lhes forem atribuídas.

Painel do Avaliador — fila de avaliações pendentes
12
admin/painel.html

Painel do Gestor (Administrador)

A visão de controle de toda a plataforma: aprovação de clubes, empresas e desafios, gestão de avaliadores e exportação de dados.

Painel administrativo — clubes ativos, avaliadores, empresas e desafios pendentes
13
app/empresa.html

Painel da Empresa Parceira

Empresas cadastradas (e aprovadas pelo Gestor) publicam desafios reais para as equipes resolverem, avaliam propostas e registram premiações pagas.

Painel da empresa parceira — desafios publicados
14
app/clube-publico.html

Ficha Pública do Clube

Uma página pública, somente leitura e sem login — ideal para inscrever o clube em eventos externos ou apresentar a parceiros.

Ficha pública do clube — mentor, equipe, integrantes e Mapa de Talentos
15
app/perfil-publico.html

Perfil Público individual

Cada mentor ou estudante tem sua própria página compartilhável, com foto, bio, contatos e um mural pessoal de publicações.

Perfil público individual — foto, bio, contatos e mural pessoal

Quer se aprofundar em cada módulo?

Consulte o Manual completo do Mentor, com todos os detalhes de cada etapa e perfil.