Projects

Este portfólio

The site you are reading right now: bilingual, with a 3D opening and one case per project.

  • Fifteen cases, each with video of the system actually running
  • Portuguese and English from one source: a missing translation breaks the build
  • The opening is a 3D MacBook in three.js, driven by scroll

A look inside.

  • Closed 3D MacBook seen from behind, technology stickers on the lid
    The site opens with this MacBook, in plain three.js with no React layer on top: it spins, opens, and the camera moves in until its screen becomes exactly the frame the site appears in. None of it is an animation with a duration of its own, it is all a function of scroll, so scrolling fast gets you to the site fast. The stickers are the same ones from the home page, drawn into a single atlas so the whole lid costs one texture. And yes: this is the one place in the portfolio where the case mockup is the site itself.
  • About me page, with a badge hanging from a lanyard beside the text
    The badge is not an image: it is a lanyard with physics, swinging and responding to the drag of the mouse. It stays hidden while the rope is still falling, because what convinces is finding it already at rest.
  • Stack map, with tools connected by lines around a central core
    A list of technologies says nothing: everybody has one. Here the pieces appear connected, grouped by area, because what matters is not which ones I know, it is how they fit together into a system.
  • Contact page, with channels as isometric blocks and a short form below
    Three fields, and the button opens WhatsApp with the message already written. A form that sends an email into the void is where contact dies: here the conversation starts where I actually reply.

Want to know how this part was built?