Anuário de Portfólios
Vinte referências mundiais em webdesign, UI/UX e desenvolvimento — cada URL testada uma a uma, com o que vale copiar de cada uma e o que não vale.
Cinco padrões que separam esses vinte do resto
Antes da lista: o que aparece repetidamente nos vinte e quase nunca em portfólio comum. Se você só tiver tempo para uma coisa, leia isto — a lista abaixo é a evidência.
O portfólio é a peça
Nenhum dos vinte descreve a própria competência. Todos a executam na página. O site é a amostra, não o catálogo da amostra.
Uma tese, não um cardápio
Cada um escolheu um eixo — 3D, acessibilidade, animação, métrica de produto — e abriu mão do resto. Nenhum se apresenta como “full stack de tudo”.
O case tem número
Contexto → decisão → resultado medido. Galeria de telas bonitas sem consequência não aparece em nenhum portfólio sênior desta lista.
Conteúdo próprio virou o diferencial
Curso, biblioteca open source, ensaio, explicação interativa. Metade dos vinte deixou de ter currículo e passou a ter produto.
Velocidade é argumento de design
Os minimalistas da lista não são simples por preguiça: carregam em milissegundos e usam isso como prova técnica.
O que ninguém faz
Nenhum abre com “sou apaixonado por design”. Nenhum usa carrossel de logos de cliente como primeira tela. Nenhum esconde o contato.
Quem transformou o próprio site em experiência interativa. É o topo técnico da web aberta — e o grupo de onde vem quase todo prêmio do Awwwards e do FWA.
O portfólio mais citado do mundo em WebGL: você dirige um jipe por um mundo 3D e os projetos são construções que precisa alcançar. Premiado nas honras de portfólio do Awwwards em dezembro de 2025 com a versão atual — não é peça de museu, continua sendo atualizado.
Uma barraca de ramen em 3D que você percorre. A máquina de vending é o índice de projetos; a TV do andar de cima toca os vídeos. Toda a navegação foi substituída por objetos de cena.
Referência mundial em animação SVG e interação. O site é leve, ilustrado à mão e cheio de detalhe funcional — o mais lembrado é o abajur clicável que acende junto com a troca de tema claro/escuro.
Redesenha o site inteiro todo ano e mantém todas as versões anteriores navegáveis. O layout se reconfigura de forma diferente em cada largura de tela — não “responde”, se reinventa. CSS art levada ao limite, sem framework pesado.
Design computacional, shaders e sistemas de partículas rodando ao vivo no navegador. Um dos poucos perfis individuais com prêmios que atravessam publicidade e web — Cannes Lions e Awwwards no mesmo currículo.
Portfólio coletivo. A régua aqui é diferente: o site precisa vender um serviço caro, então a peça tem que provar competência e ainda assim converter.
Provavelmente o estúdio de WebGL e shaders mais influente em atividade. O trabalho com partículas e materiais é de nível de pesquisa, e o site deles é a referência que praticamente todo mundo aprendendo GLSL abre primeiro.
Define o que é 3D em tempo real em escala de campanha global. A diferença deles não é a cena bonita: é a cena complexa que ainda roda em celular de entrada. Referência de 3D de produção, não de demo.
A referência de direção de arte editorial e tipografia em movimento na web. É o tipo de site em que qualquer frame parado já funciona como cartaz — e isso é raríssimo em página animada.
Honras de portfólio no Awwwards em maio de 2025. Estúdio londrino que equilibra trabalho de cliente grande com uma área própria de experimentos, o que mantém o site vivo entre um projeto e outro.
O caso latino-americano mais forte da lista. Atendem Vercel, Linear, Cursor, ElevenLabs, Solana e MrBeast a partir da Argentina, desenharam a tipografia Geist junto com a Vercel e mantêm uma seção Lab de experimentos. Awwwards, FWA e Webby.
A função que mais cresceu na década: gente que desenha e implementa a mesma interface. São os portfólios mais copiados por desenvolvedores — e os mais úteis de estudar se você quer emprego, não prêmio.
O site tem seções que quase ninguém tem: Craft (fragmentos de interface isolados), Field Notes, uma History of Software Design e arquivos navegáveis das versões antigas do próprio site. Passou pelo Arc, da The Browser Company, antes da Vercel.
O exemplo mais claro de portfólio que virou negócio. Criou as bibliotecas Sonner e Vaul, usadas em milhares de produtos React, e dois cursos — animations.dev e aiforui.dev. Os ensaios (“Friction as a Feature”) fazem o trabalho que um case faria.
Construiu o design system, o site e o dashboard da Vercel. O portfólio é quase austero — e é exatamente esse o ponto: cada elemento sobrevivente passou por uma decisão.
O portfólio de desenvolvedor mais clonado do planeta — a ponto de recrutador reconhecer o template de longe. Next.js e Tailwind, seções About, Experience, Projects e Writing, e acessibilidade tratada como tese e não como checklist.
Funciona como uma pequena editora feita por uma pessoa só: artigos interativos que ensinam CSS e React com demonstrações manipuláveis, mais cursos pagos. O portfólio praticamente não tem seção “clientes”, e não precisa.
Aqui a régua inverte: o visual importa menos que o raciocínio. Recrutador de produto lê processo e resultado, não paleta.
O padrão-ouro de design de interação, ainda que ele não se apresente como designer. Explica Lua, GPS, engrenagens e ondas com simulações que você manipula por sliders e arrasto — sempre a experiência antes da fórmula, nunca o contrário.
Ensaios visuais em que o gráfico é o raciocínio, não a ilustração do raciocínio. Aparece em praticamente toda lista curada de design engineers pelo mesmo motivo: a forma e o conteúdo são a mesma coisa.
Layout mínimo, texto em primeiro lugar. O detalhe que a coloca aqui: cada case é intitulado com a pergunta do usuário, não com o nome do projeto — “Como a IA me ajuda a saber a tarifa atual?”, “Como acompanho o desempenho dos meus eventos?”.
O melhor exemplo de portfólio de liderança da lista. Os cases carregam número na própria descrição — 91,7% de CSAT em operação de loja com IA, 30% de crescimento de receita por semana no estúdio de criativos de anúncio — e falam de estratégia e aprovação executiva, não de pixel.
Três anos de marca e produto no Spotify, identidade visual das missões Mars 2020 Perseverance e Europa Clipper da NASA, e fundador de mymind, Semplice e Carbonmade. O site mistura ensaios, artefatos, galeria e até playlists.
Premiados recentes que valem acompanhar
Honras de portfólio do Awwwards entre 2025 e 2026. Não entraram nos vinte porque ainda não têm o histórico dos outros — mas é aqui que a próxima safra aparece primeiro.
Quem ficou de fora, e por quê
Nomes que aparecem em quase toda lista “melhores portfólios” publicada por aí e que, testados em 18 de agosto de 2026, não abriram. Se você viu esses links recomendados em outro artigo, o autor não os testou.
| Nome | Endereço | Situação verificada |
|---|---|---|
| Robby Leonardi | rleonardi.com | Certificado SSL expirado. O currículo-jogo em side-scroller continua sendo um clássico histórico, mas o navegador hoje bloqueia o acesso. |
| Simon Pan | simonpan.com | Responde 401 a qualquer acesso automatizado. Pode abrir no seu navegador; não é confiável para indicar. |
| Olha Lazarieva | olhalazarieva.com | Sem resposta na verificação, apesar das honras do Awwwards em setembro de 2025. |
| Read.cv | read.cv | Serviço encerrado. Ainda é recomendado em listas de 2026 — ignore. |
Onde continuar garimpando
Estas oito fontes são de onde a lista saiu e para onde voltar daqui a seis meses. As quatro primeiras renovam semanalmente.
Sobre o recorte. Não existe ranking oficial de portfólios. Esta seleção cruza as honras de portfólio do Awwwards (2025–2026), a lista dos 100 da Muzli, a curadoria de design engineers de Maggie Appleton e as referências recorrentes em levantamentos de UX e de desenvolvimento — e então testa cada endereço. A numeração é índice, não classificação: os vinte estão agrupados por categoria, não ordenados por qualidade.
Trinta e uma URLs candidatas foram testadas com requisição real; quatro reprovaram e estão declaradas acima. Verificação em 18 de agosto de 2026.