Pular para o conteúdo
Nicolas PaixãoDesign e desenvolvimento de sites
Falar no WhatsApp (abre em nova aba)

Ventor Air

aviação regional · Aracaju · 2026

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

Primeira tela do site Ventor Air
  1. 0:00A janela do avião
  2. 0:10Voe com conforto
  3. 0:16Um jeito melhor de voar
  4. 0:23De Aracaju pro mundo
  5. 0:29Três passos e a busca de voos

O que o cliente ganha

  1. Uma abertura que prende a atenção logo nos primeiros segundos.
  2. Vantagens e destinos fáceis de achar, sem precisar procurar.
  3. 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.
Falar no WhatsApp (abre em nova aba)