Página inicial do Pitstop, com o logo e os carros dos quatro campeonatos
Lançado

Pitstop — hub de automobilismo com 4 campeonatos

Carros, pilotos, fichas técnicas e a temporada de Fórmula 1, Fórmula E, MotoGP e WEC num só lugar, com dados que se atualizam sozinhos.

Papel
Product Designer e desenvolvimento
Escopo
Produto autoral
Cliente
Projeto pessoal
Link
Visitar o produto no ar

O produto

Quatro campeonatos, um só lugar

Cada campeonato tem a sua página, com o líder da temporada em destaque, a garagem com carros e pilotos, a classificação e o calendário. A navegação no topo troca de categoria sem perder o contexto.

Início: os quatro campeonatos e a próxima largada
Início: os quatro campeonatos e a próxima largada
Fórmula 1, com o líder do campeonato em destaque
Fórmula 1, com o líder do campeonato em destaque
MotoGP, com a mesma estrutura e a cor da categoria
MotoGP, com a mesma estrutura e a cor da categoria
WEC, onde o destaque é a tripulação do carro líder
WEC, onde o destaque é a tripulação do carro líder

Problema

Informação de corrida espalhada por todo lado

Quem acompanha mais de uma categoria precisa pular entre sites oficiais, apps e redes sociais para achar calendário, classificação e ficha técnica, cada um com seu visual, seu idioma e sua lógica de navegação.

Solução

Um hub com cara de pit wall

Desenhei e construí um site estático, rápido e sem servidor, com uma identidade própria inspirada no asfalto, nas zebras e nos painéis de cronometragem. Os dados vêm das fontes oficiais e o site se mantém atualizado sozinho.

Dados sempre atualizados

Uma rotina no GitHub Actions roda de hora em hora, busca classificação, vencedores e horários de largada e publica só quando algum número muda.

Garagem e fichas técnicas

Carros, pilotos e galerias de cada equipe, com imagens oficiais e fotos da Wikimedia com autor e licença.

Guia de pistas e destaques

Os circuitos dos quatro campeonatos com traçado, extensão e curvas, e os vídeos de destaque dos canais oficiais.

Pistas e mobile

Do guia de pistas ao celular

Guia de pistas, com o traçado animado de cada circuito
Guia de pistas, com o traçado animado de cada circuito
A mesma experiência no celular
A mesma experiência no celular

Continue explorando

Outros projetos

Mais estudos de caso, de sistemas de gestão a aplicativos. Arraste para o lado ou use as setas.