gabrielfins.com

Sobre o projeto

gabrielfins.com é meu portfólio pessoal, desenvolvido para apresentar meus trabalhos e minha experiência por meio de uma experiência interativa, em vez de um layout tradicional de portfólio.

A versão atual é uma evolução do meu portfólio original, que desenvolvi antes da popularização do desenvolvimento assistido por IA. Recentemente, evoluí o site existente e lancei sua segunda versão, mantendo a base que já havia desenvolvido e expandindo sua direção visual e suas interações.

Direção visual

O site foi fortemente inspirado em Hollow Knight, meu jogo favorito. A atmosfera, o estilo visual e a forma como o jogo utiliza elementos do ambiente influenciaram a maneira como desenvolvi a experiência do portfólio.

O site possui diferentes temas visuais, cada um com sua própria atmosfera e identidade. O design da interface, as animações, a iluminação e o som trabalham em conjunto para fazer com que o portfólio se aproxime mais de um ambiente do que de uma simples coleção de páginas.

O Three.js é utilizado para criar o plano de fundo visual, com um plano 2D e efeitos de iluminação com spotlights para criar profundidade e atmosfera sem depender de modelos 3D interativos.

Meu papel

Projetei e desenvolvi todo o portfólio, desde a direção visual e o design da interface até a implementação do site e de seus elementos interativos.

Por ser um projeto pessoal, pude experimentar livremente com interação, design visual, animação, som e arquitetura de frontend, sem as restrições de um projeto para cliente.

Implementação

O site foi desenvolvido com Svelte e utiliza Three.js para seus efeitos visuais. O frontend, as animações, os temas, as interações e os componentes de suporte foram desenvolvidos como parte do mesmo projeto.

Para a segunda versão, também utilizei desenvolvimento assistido por IA para evoluir o código existente. A IA foi utilizada como ferramenta de desenvolvimento, enquanto mantive a responsabilidade pelo design, arquitetura, decisões e implementação final.