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

Marea

charter de superiates · Palma de Mallorca · 2026

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

Primeira tela do site Marea
  1. 0:00Do convés ao planeta
  2. 0:08De porto em porto
  3. 0:17Do desenho ao iate
  4. 0:24Um dia a bordo
  5. 0:34Temporadas e proposta

O que o cliente ganha

  1. Uma viagem que mostra o iate e o mundo inteiro antes de pedir qualquer coisa.
  2. Um dia a bordo contado hora a hora, das 7h às 22h.
  3. Um pedido de proposta escrito como uma frase, em poucos passos.

Como foi feito

Decisões

  • A câmera começa em cima do convés do iate, sobe até mostrar o planeta inteiro e volta ao mundo de porto em porto, por 8 portos, com um painel náutico de dia, posição, rumo e milhas.
  • Uma prancha naval em papel milimetrado se desenha sozinha, mostra o iate deck por deck e, quando a “maré sobe”, vira o iate de verdade. A imagem e as linhas nascem da mesma geometria, por isso se encaixam.
  • “Um dia a bordo” passa pelas horas de 7h a 22h, e as cores da seção acompanham a luz do dia, com o sol andando num arco.
  • Uma carta náutica mostra as rotas de cada estação (Mediterrâneo, travessia do Atlântico e Caribe) numa régua de 12 meses, com o mês atual marcado “agora”.
  • O pedido de proposta é uma frase pra completar, com estimativa ao vivo. A estimativa é simulada e nada é enviado.

No caminho: o que mudou e o que ficou imperfeito

  • Este site nasceu de um pedido claro: não podia ser o site do avião com outro tema. Por isso a ideia é outra, a câmera que sai do convés e chega ao planeta.

Pilha

  • Next 16
  • GSAP 3.15
  • Lenis
  • three 0.186

Conferido em

  • Computador (1440×900), celular (390×844) e com movimento reduzido.
  • Console sem erros e build de produção sem erros.
Falar no WhatsApp (abre em nova aba)