Visão geral
Um lobby para quem vive o automobilismo
O Pitstop reúne Fórmula 1, Fórmula E, MotoGP e WEC num lugar só. O fã escolhe o campeonato e explora carros, motos e pilotos quase como num jogo, mas com informação real, que se atualiza sozinha, e um boletim que chega por e-mail.
O problema
Nenhum lugar reunia as corridas. Calendário, classificação, carros e pilotos ficavam espalhados pelos sites e apps de cada categoria.
O que eu fiz
Criei do zero um lobby para quatro campeonatos, onde o fã explora carros, motos e pilotos como num jogo de corrida.
O resultado
Tudo num lugar só, com dados reais que se atualizam sozinhos e um boletim que avisa o fã do que aconteceu.
A solução
Uma plataforma criada do zero, área por área
Quatro campeonatos, uma porta de entrada
Clique no quadro e navegue pelo site em tela cheia.
- Próxima largada à vista
- Cada categoria com sua cor
- O líder em destaque
- Dados das fontes oficiais
Uma estrutura, quatro campeonatos
Cada categoria tem a sua página, com a mesma ordem: líder, garagem, pilotos, destaques, temporada, regras e curiosidades.
A garagem, como num jogo
Escolha a equipe como numa tela de seleção: o carro entra e as notas aparecem.
- Três ângulos oficiais
- Notas e geral
- Ficha técnica real
- Ouvir o motor
Carros, motos e protótipos
A mesma garagem serve as quatro categorias: o box da MotoGP mostra a moto de frente, e o WEC traz os protótipos da classe Hypercar.
Um card por piloto, um perfil por toque
Pilotos em cards, como num álbum. Um toque abre o perfil.
- Fotos oficiais
- Ordem do campeonato
- Perfil completo
- Tripulações no WEC
Cada categoria do seu jeito
No WEC quem disputa é o carro, então o card mostra a tripulação inteira. Na MotoGP, os 22 titulares da temporada.
A temporada, sempre em dia
Classificação e calendário que se atualizam sozinhos.
- Pilotos e construtores
- Calendário com vencedores
- Próximas corridas
- Regras e curiosidades
entre uma atualização e outra
Uma rotina no GitHub Actions roda de hora em hora, busca os números nas fontes oficiais e publica só quando algum deles muda.
50 circuitos, com o traçado real
Pistas desenhadas a partir de mapas reais. Escolha uma e dê uma volta.
- Traçado real, norte para cima
- Extensão, curvas e sentido
- Recorde da volta
- Onde fica e quando corre
Do guia ao circuito
A lista filtra por campeonato, o mapa mostra onde cada pista fica, e cada circuito tem ficha, provas do ano e fotos com crédito.
O resultado chega sem o fã procurar
O resultado de cada corrida chega por e-mail, com os vídeos oficiais.
- Resultado de cada corrida
- Agenda toda quinta-feira
- Vídeos oficiais por etapa
- Fotos com autor e licença
canais oficiais no YouTube
A mesma rotina de hora em hora junta os vídeos de F1, Fórmula E, MotoGP e WEC por etapa, e as fotos livres da temporada.
No bolso, na hora da largada
Muita gente acompanha a corrida pelo celular, então cada área foi pensada para caber numa mão: cards em duas colunas, abas que rolam e o traçado no topo.
Processo
Da ideia ao produto no ar
- Reunir as fontesO que o fã procura antes e depois de cada corrida, e onde cada informação estava, categoria por categoria.
- Criar a identidadeAsfalto, zebras e painéis de cronometragem: um visual próprio, com a cor de cada campeonato por cima.
- Desenhar o lobbyUma estrutura única para as quatro categorias, com a garagem e os pilotos no centro, como num jogo.
- ConstruirUm site estático, rápido e sem servidor, publicado no GitHub Pages e pensado também para o celular.
- AutomatizarRotinas de hora em hora para os dados, os vídeos e o boletim, para o produto seguir vivo sem edição manual.
Impacto
O automobilismo inteiro, num lugar só
- Quatro campeonatos reunidos, com a mesma navegação
- Carros, motos e pilotos para explorar como num jogo
- Dados reais que se atualizam sozinhos, sem edição manual
- O fã avisado por e-mail assim que a corrida termina
Aprendizados
O que este projeto me ensinou
- Centralizar pede um modelo comumQuatro categorias têm regras, formatos e dados diferentes. O trabalho foi achar uma estrutura que servisse a todas e deixar espaço para cada uma ser ela mesma: no WEC, por exemplo, o destaque é a tripulação, não um piloto.
- A sensação de jogo vem do detalheNão é enfeite: é trocar de equipe e ver o carro chegar, comparar notas, ouvir o motor. Cada interação convida a explorar mais um pouco.
- Automatizar desde o começoUm hub de corridas envelhece a cada fim de semana. Com dados, vídeos e boletim no automático, o produto segue vivo sem depender de ninguém.
Continue explorando
Outros projetos
Mais estudos de caso, de sistemas de gestão a aplicativos. Arraste para o lado ou use as setas.
