Ventor Air
Projeto de demonstração: empresa fictícia criada por mim pra mostrar meu trabalho.

0:00 / 0:36
- 0:00A janela do avião
- 0:10Voe com conforto
- 0:16Um jeito melhor de voar
- 0:23De Aracaju pro mundo
- 0:29Três passos e a busca de voos
O que o cliente ganha
- Uma abertura que prende a atenção logo nos primeiros segundos.
- Vantagens e destinos fáceis de achar, sem precisar procurar.
- A busca de voos sempre à mão, num botão que acompanha a página.
Como foi feito
Decisões
- A parede da cabine é uma imagem fotográfica gerada por IA e recortada no vidro da janela. Ao rolar, a imagem cresce em volta do vidro e a gente atravessa a janela rumo ao céu.
- O A320neo e o E195-E2 são renders feitos por script, a partir de medidas aproximadas em metros. A planta do avião, com as poltronas, se desenha em linhas (SVG).
- O globo tem textura própria, criada a partir de um mapa-múndi. As rotas são internacionais, dão a volta pelo oeste, e um aviãozinho desenha cada uma.
- Os tempos de voo são estimados, e o site não mostra preço nem promete pontualidade.
- Um botão fixo “Buscar voos” acompanha a página, e uma faixa mostra a hora real de Aracaju.
No caminho: o que mudou e o que ficou imperfeito
- A câmera olhava pra cima e dava sensação de giro. Depois da janela, ela passou a ir só pra frente.
Pilha
- Next 16
- GSAP 3.15
- Lenis
- three 0.186
- react-three-fiber 9
- d3-geo
Conferido em
- Computador (1440×900) e celular (390×844), descendo e subindo a página inteira.
- Build de produção sem erros.