Projetos

Este portfólio

O site que você está lendo agora: bilíngue, com abertura em 3D e um case por projeto.

  • Quinze cases, cada um com vídeo do sistema rodando de verdade
  • Português e inglês na mesma base: tradução faltando quebra o build
  • A abertura é um MacBook 3D em three.js, guiado pela rolagem

Por dentro.

  • MacBook 3D fechado, de costas, com adesivos de tecnologia na tampa
    O site abre com este MacBook, em three.js puro, sem biblioteca de React por cima: ele gira, abre, e a câmera entra até a tela dele virar exatamente a moldura onde o site aparece. Nada disso é animação com duração própria, é tudo função da rolagem, então quem desce rápido chega ao site rápido. Os adesivos são os mesmos da home, desenhados num atlas único pra tampa inteira custar uma textura só. E sim: este é o único lugar do portfólio onde a moldura do case é o próprio site.
  • Página sobre mim, com um crachá pendurado num cordão ao lado do texto
    O crachá não é imagem: é um cordão com física, que balança e responde ao arrasto do mouse. Ele fica escondido enquanto a corda ainda está caindo, porque o que convence é ele já estar parado quando aparece.
  • Mapa da stack, com as ferramentas ligadas por linhas em torno de um núcleo central
    Lista de tecnologia não diz nada: todo mundo tem uma. Aqui as peças aparecem ligadas, agrupadas por frente, porque o que interessa não é quais eu sei, é como elas se encaixam num sistema.
  • Página de contato, com os canais em blocos isométricos e um formulário curto embaixo
    Três campos, e o botão abre o WhatsApp com a mensagem já montada. Formulário que manda e-mail e some é onde contato morre: aqui a conversa começa no lugar onde eu de fato respondo.

Quer saber como essa parte foi feita?