Prototipando história digital interativa que ensina o clima espacial para crianças

Solução (premiada localmente e nomeada globalmente) para o NASA International Space Apps Challenge 2025

2025

competição internacional

prototipação

motion design

40h

equipe solarpunks

contexto

O NASA International Space Apps Challenge é o maior hackathon do mundo, composto por dezenas de desafios elaborados pela agência espacial para serem executados durante os dois dias da maratona de inovação.

Após a formatura, um dos integrantes da equipe me procurou para ajudar com os próximos passos do projeto.

Na edição de 2024 a NASA registrou:

110k+ participantes
18k+ times
11k+ projetos submetidos

Dados da edição de 2025 do NASA Space Apps Challenge
Dados da edição de 2025 do NASA Space Apps Challenge

o desafio

Entre os 18 desafios disponibilizados, a equipe escolheu o “Histórias Estelares,” no qual a NASA propõe escrever e ilustrar uma história digital infantil que explique o que é o clima espacial e seus diversos impactos na Terra.

Como os desafios são oferecidos no site da NASA e um pocuo mais daquele escolhido pela equipe

imersão

A equipe se dividiu e mergulhou nos dados científicos fornecidos pela NASA e no mundo das histórias infantis: estilo de ilustração e escrita, recursos interativos, diagramação, entre outros.

O painel semântico de referências visuais e dados utilizados na criação do projeto

direção

Após isso, foram organizados encontros para compartilhamento das informações coletadas e estabelecimento de alguns pontos norteadores.

Uma das decisões foi o público-alvo: 7-10 anos, idade em que a equipe poderia explicar assuntos difíceis de forma lúdica sem abstrair tanto.

Pesquisando mais sobre a faixa etária, foi descoberto que existem cerca de ~600 milhões de crianças que fazem parte dela no mundo, e ~13 milhões são cidadãs brasileiras.

Quantas dessas crianças poderiam ser as próximas cientistas e astronautas de nossa nação? Quantas delas poderiam ter seu primeiro contato e interesse pela astronomia com a nossa solução?

E ainda tínhamos muitas outras perguntas a serem respondidas:

Notas adesivas coloridas com perguntas feitas pela equipe na fase de direção

Ao longo da maratona, foram feitas decisões para o projeto por meio de períodos de trabalho individual e reunião de alinhamento e aprovação com a equipe. Foi concordado em utilizar o Figma para criação da solução e, quando finalizada, disponibilizar o link do protótipo para leitura.

ideação

Logo que a história estava finalizada, transformei o texto em storyboards quadro a quadro, facilitando a colaboração, iteração e comunicação com o time, permitindo que todos acompanhassem o “rascunho” do protótipo e pudessem sugerir melhorias, fazer alterações e visualizar a história.

Reunião de rascunhos, feitos em papel e lápis, da história
Rascunhos dos storyboards

Com base nos storyboards aprovados pela equipe, fiz wireframes de cada frame do protótipo para usar de guia para a montagem das páginas e das animações.

Mostra de alguns dos componentes criados para o Ticket Inteligente, como botões, campos de texto, ícones e outros elementos de interface.
Storyboards digitais (wireframes)

Conforme os elementos ilustrativos ficavam prontos, as páginas estáticas eram montadas.

Então, o texto era acrescido pela responsável pela diagramação e, devido ao tempo restrito, a prototipação foi iterativa: o mais importante era prototipar tudo que já estava disponível e ir adicionando os outros elementos conforme ficavam prontos.

Passo a passo da montagem de uma página

prototipação

No protótipo, as animações foram ajustadas com o objetivo de trazerem uma transição suave entre as ações nas páginas e não distrair a criança da leitura.

Abertura do livro digital
Abertura do livro digital

As animações contínuas foram feitas a partir de GIFs, como o crepitar da fogueira, e animações de componentes alternando entre variantes, como a ejeção de massa coronal e as luzes pulsantes.

Animações contínuas

Outras interações foram adicionadas para reforçar a aprendizagem como a visualização do sistema solar, tentativa de conectar à rede durante uma ejeção de massa coronal e a visualização da Terra em diferentes proximidades em relação ao Sol.

acessar a história completa

validação

Para confirmar as hipóteses e objetivos definidos, como os níveis de aprendizagem e atenção esperados, a solução foi validada por meio de testes de usabilidades com o público alvo (2 crianças de 8 anos) e diversos profissionais da área.

Foram estabelecidos roteiros de perguntas e tarefas para as crianças, valorizando a exploração não-assistida, e coletados o consentimento expresso dos responsáveis.

Os pontos altos da etapa de validação incluem:

pitch e premiação

Alguns dias após a entrega do projeto, foram divulgados as 10 melhores equipes que teriam a oportunidade de apresentar sua solução para uma banca de profissionais de empreendedorismo e inovação em 3 minutos contados.

Como líder da equipe, fiquei encarregada dessa tarefa e elaborei roteiro para contar a nossa trajetória de 40h em 3 minutos.


Colagem de fotografias do momento da apresentação, com Kyria Rebeca discursando com um microfone e passador de slides enquanto o resto da equipe assiste

Após análise e deliberação dos jurados, foram anunciadas as 4 equipes premiadas da edição local, com as 2 melhores entre elas sendo nomeadas para a próxima etapa global. Para nossa surpresa e felicidade, ganhamos em primeiro lugar.

Fotografia da equipe reunida com Dani Bezerra, líder local da competição, com medalhas em seus pescoços e prêmios em suas mãos

na mídia

A vitória foi reconhecida e prestigiada por diversas instituições e canais como o IFPB, a UFPB, o Portal Rede Federal, a WSCOM, o Paraíba Business, a TV Cabo Branco, afiliada da TV Globo na Paraíba, e a TV Correio, afiliada da TV Record na Paraíba, além de sermos convidados para palestrar no 5º Simpósio de Multimídia da Paraíba (SIMM).

Reunião de capturas de tela, fotografias e postagens da repercussão da vitória na mídia

aprendizados

Veja também

Promovendo o gerenciamento de assinaturas com uma solução mobile-first

Capa do estudo de caso