Atlas do Tempo Linhas do tempo narradas

A história do mundo em linhas do tempo para rolar, ler e ouvir.

Conteúdo: 15 linhas do tempo e 283 acontecimentos
Onde usa: Computador e celular
Meu papel: Projeto completo, do conteúdo ao código

Quero um projeto assim

Página inicial do Atlas do Tempo com o destaque “c. 2560 a.C. Grande Pirâmide de Gizé”, os botões Ler a história e Assistir à apresentação e a foto da pirâmide.

Linha do tempo do Antigo Egito no celular, com cartões dos primeiros hieróglifos e da unificação do Egito presos a uma linha horizontal.

283 acontecimentos

Narração por voz

O desafio

Reunir milhares de anos de história num só lugar sem cansar quem lê: centenas de fatos, imagens de origens diferentes e a obrigação de mostrar de onde vem cada informação. A ideia era passear pela história como numa exposição, vendo o que veio antes e o que veio depois.

A solução

Criei um site de uma página só, rápido de abrir, com 15 linhas do tempo organizadas por período. Cada acontecimento tem página própria com texto, imagem, fonte e um mapa do lugar. Um botão transforma a linha inteira numa apresentação narrada, que destaca a frase lida e pode ser exibida na horizontal ou na vertical.

Rolagem lateral com o mouse, o dedo ou o teclado
Busca e filtros por tema e coleção
Mapa-múndi próprio, desenhado em pontos
Tema claro e escuro e versão para o celular

Telas

Por dentro do projeto

Linha do tempo do Antigo Egito no computador, com períodos no topo, cartões acima e abaixo da linha e uma imagem histórica ao fundo de cada período. — 01Linha do tempo do Antigo Egito, dividida em períodos.ToqueClique para ampliar

Página do acontecimento Apollo 11, com a data jul. 1969 em destaque, o texto, a fonte na Wikipédia, a foto de Buzz Aldrin na Lua e o mapa do lançamento. — 02Página de cada acontecimento, com fonte, crédito da imagem e mapa.ToqueClique para ampliar

Apresentação narrada da Corrida Espacial mostrando o Sputnik 1, a frase em leitura sublinhada e um mapa com Baikonur marcado. — 03Apresentação narrada, com a frase lida em destaque.ToqueClique para ampliar

No celular

Deslize para o lado e toque em uma tela para ampliar.Clique em uma tela para ampliar.

Linha do tempo
Acontecimento
Tema escuro

Detalhes

O que faz diferença

Cada fato com fonte
Cada acontecimento traz o artigo que serviu de base e o autor e a licença da imagem, à vista de quem lê.
Leve e sem instalar nada
O site inteiro é uma página só, feita sem bibliotecas prontas. Abre em qualquer navegador e pode ser hospedado em qualquer lugar.
Pronto para virar vídeo
A apresentação pode sair no formato 16:9 ou no vertical 9:16, do jeito que os stories e os vídeos curtos pedem.

Ferramentas usadas

Contato

Vamos tirar sua ideia do papel?

Me conte em poucas palavras o que você precisa. A mensagem já sai pronta para o WhatsApp ou para o e-mail, e o orçamento não tem compromisso.