Cloudline

Aerospace · Webflow

Visão geral

A Cloudline constrói dirigíveis autônomos. Eles funcionam com baterias e energia solar e levam até 100 kg por mais de 200 km, para entregar produtos e serviços sem emissão de carbono.

Em 2022 a empresa ganhou um site novo: uma home que conta a tecnologia em três passos, uma página sobre o time e uma página de contato. Ele foi desenhado no Figma e desenvolvido no Webflow na Eikon Labs, a agência em que eu trabalhava.

Meu Papel

Desenvolvi o site inteiro no Webflow a partir do design em Figma da Sara Holt, designer da Eikon Labs: as páginas, as interações de rolagem, o vídeo, o formulário de contato e a versão de celular. O site ficou responsivo e leve, com imagens no tamanho de cada tela e componentes nativos do Webflow.

Principais Contribuições

Hero em vídeo. A home abre com um vídeo do dirigível em voo, rodando ao fundo atrás do título. O botão “See us in action” toca o filme inteiro num lightbox, sem sair da página.
Uma história contada pela rolagem. Três seções numeradas (aviação sem carbono, céus mais silenciosos e seguros, aplicações de longo alcance) entram conforme a página rola, com um marcador de progresso na lateral que mostra onde o leitor está.
Feito para o celular. Cada seção foi refeita para o celular, e a terceira ganhou um layout próprio. As imagens carregam no tamanho da tela e só quando estão para aparecer.
Uma navegação, todas as páginas. O mesmo menu e o mesmo rodapé servem a Home, a About Us e a Contact Us, e uma mudança se faz uma vez só.
Formulário de contato. Um formulário nativo do Webflow com nome, e-mail, assunto e mensagem, sem serviço de fora.
Equipe executiva. Uma seção com os quatro executivos, a trajetória de cada um e os logos de onde vieram.