Patrick Anderson — Portfólio do fundador
Papel
Design e desenvolvimento
Stack
Next.js · React · GSAP · Lenis · CSS Modules · Vercel
O portfólio do fundador apresenta o engenheiro por trás do estúdio, da infraestrutura em Kubernetes e Hyperledger Fabric às interfaces em React. Precisava ler como um trabalho de interface, não como um currículo.
O que fizemos
Desenhamos e desenvolvemos o site em Next.js 15 com App Router e uma rota por idioma, em inglês, português e francês, pré-renderizado e servido pela Vercel. A animação é GSAP com ScrollTrigger sobre rolagem suave com Lenis: um preloader conta de 00 a 100, o título troca a última palavra letra por letra, o texto de apresentação acende com a rolagem, as linhas de competências deslizam em sentidos opostos e uma cortina cobre a troca de página. Os serviços abrem em colunas com imagem e stack, os trabalhos selecionados ficam num leque de cards que se arrasta, a experiência abre em acordeão e o menu traz tema claro e escuro e a troca de idioma. Um cursor próprio muda de estado sobre links, textos e áreas de arrastar. O site usa CSS Modules, Space Grotesk e a display Dream Avenue.
O portfólio do fundador, em três línguas: cinco colunas de serviço, do front-end ao blockchain, abertas pelo cursor.
No celular
“Software built to be”: no celular, o título segue trocando a última palavra, e o menu cabe num botão redondo.
Produto
Um portfólio que se usa: abrir os serviços, trocar a página sob uma cortina, mudar de idioma e de tema.
Trabalhos no celular
Os trabalhos selecionados ficam num leque de cards que se arrasta; vários deles são cases deste estúdio.
Detalhes
Nos detalhes, papel, tinta e um índigo: um acordeão de carreira, um menu com tema e idioma e um rodapé por baixo.
Sobre no celular
No celular, retrato e nome em uma coluna, antes do texto que acende com a rolagem.
Resultados
No ar em produção, pré-renderizado e servido pela Vercel
Três idiomas, inglês, português e francês, cada um com rota própria
Tema claro e escuro e um cursor próprio com estados para link, texto e arrasto
Créditos
- Design
- Ressolv
- Desenvolvimento
- Ressolv
Próximo projeto
Plataforma Blockchain Self-Service
