Site de Portfólio de Design Gráfico: Páginas, Cases e Checklist

Como criar um site de portfólio de design gráfico: quantos projetos mostrar, as páginas necessárias, um modelo de estudo de caso para copiar e um checklist de lançamento.

Perguntas frequentes

Quantos projetos um site de portfólio de design gráfico deve ter?

Mire em 6 a 10 projetos, com os dois ou três mais fortes no topo da página. Não existe um número oficial. O que importa é que cada projeto mereça estar ali e que o conjunto mostre o tipo de trabalho para o qual você quer ser contratado. Se uma peça for mais fraca que as outras, tire. Uma seleção enxuta transmite mais bom senso do que uma lista longa.

Preciso de um domínio próprio para o portfólio de design gráfico?

Não é obrigatório, mas um domínio com o seu nome (seunome.com.br, seunome.com ou seunome.design) passa mais profissionalismo no currículo e na assinatura de e-mail, e continua com você se você trocar de plataforma. Confira a disponibilidade e o valor de renovação no seu registrador antes de comprar, pois os preços variam.

Devo mostrar só os designs finalizados ou também o processo?

Mostre os dois, na medida certa. Abra cada projeto com o resultado final e depois inclua um olhar rápido sobre esboços, rascunhos ou alternativas descartadas. O processo mostra como você pensa, algo que pesa muito em vagas internas e em agências. Para uma página de navegação rápida, deixe o processo na página do projeto e não na página inicial.

Posso incluir projetos de faculdade, pessoais ou conceituais?

Pode, se você está no começo da carreira. Identifique-os com honestidade como projeto acadêmico, projeto pessoal ou conceito, para que ninguém os confunda com trabalho de cliente. Briefings que você mesmo criou são válidos, desde que você deixe claros o problema e as restrições. Substitua-os por trabalhos reais de clientes assim que os tiver.

Quais formatos de arquivo e tamanhos de imagem devo usar nas imagens do portfólio?

Exporte imagens prontas para a web: em geral JPEG ou WebP para mockups fotográficos e PNG ou SVG para gráficos chapados e logotipos. Redimensione para a largura em que serão exibidas e comprima para que as páginas carreguem rápido. Guarde à parte uma versão em PDF do portfólio, em alta resolução, para candidaturas por e-mail.

Um site de portfólio é melhor do que um portfólio em PDF?

Eles têm funções diferentes. O site é fácil de compartilhar por link, aparece nas buscas e pode ser atualizado a qualquer momento. O PDF é útil quando uma candidatura pede expressamente um anexo. A maioria dos designers mantém os dois: o site como principal e um PDF feito a partir dos mesmos projetos.

Resposta rápida: um site de portfólio de design gráfico precisa de 6 a 10 dos seus melhores projetos, cada um apresentado como um estudo de caso curto (problema, sua função, processo, resultado), mais quatro páginas: Início, Trabalhos, Sobre e Contato. Abra com os seus três projetos mais fortes, mostre apenas o tipo de trabalho que você quer fazer mais e deixe as informações de contato impossíveis de não ver. O modelo e o checklist abaixo cobrem o resto.

O que um site de portfólio de design gráfico realmente precisa

Um portfólio tem uma única função: ajudar um desconhecido a decidir, em um ou dois minutos, se vale a pena te mandar um e-mail. Tudo no site deve servir a essa decisão. Os visitantes costumam ser um destes três perfis:

Um cliente que quer saber se você resolve o tipo de problema dele (branding, embalagem, redes sociais, material impresso).
Um gestor de contratação ou recrutador que quer ver evidências de bom gosto, repertório e como você trabalha com outras pessoas.
Um colaborador ou agência que precisa enxergar sua especialidade rapidamente.

Decida quem é o seu principal leitor antes de escolher os projetos. Um portfólio feito para clientes freelancers de branding é diferente de um feito para uma vaga júnior numa empresa.

Quantos projetos mostrar

Mire em 6 a 10. Menos de 6 pode parecer pouco, a não ser que cada um seja um estudo de caso aprofundado. Mais de 10 geralmente significa que algumas peças estão diluindo as melhores.

Um jeito simples de decidir o que fica:

Liste todos os projetos dos quais você se orgulha.
Marque os que combinam com o trabalho que você quer fazer mais. Corte o resto, mesmo que tenha sido pago.
Ordene o que sobrou por qualidade. Coloque os três melhores primeiro.
Verifique a variedade dentro do seu nicho: por exemplo, um sistema de logotipo, uma peça de embalagem e uma peça editorial ou de campanha.
Se dois projetos comprovam a mesma habilidade, fique com o melhor.

As páginas que você precisa criar

Você vai longe com quatro páginas. Só acrescente outras se tiver conteúdo de verdade para elas.

Página	Objetivo	O que colocar nela
Início	Situar o visitante em segundos	Uma frase sobre o que você faz, de 3 a 6 projetos em destaque, um link de contato bem claro
Trabalhos (ou Projetos)	A galeria completa	Miniaturas com nome do projeto e disciplina, levando a cada estudo de caso
Páginas de estudo de caso	Provar como você pensa	Uma página por projeto, montada a partir do modelo abaixo
Sobre	Mostrar que existe uma pessoa ali	Mini biografia, foto, habilidades ou ferramentas, serviços ou disponibilidade
Contato	Eliminar atritos	E-mail, formulário se quiser, links para seus perfis profissionais

Extras opcionais: uma página de Serviços se você atua como freelancer, uma página de Currículo se está procurando emprego e uma página curta de Processo se você repete as mesmas etapas em todo projeto.

Modelo de estrutura de estudo de caso

Copie este roteiro para cada projeto. Mantenha cada seção curta. A maioria dos visitantes passa os olhos, então use títulos e imagens para contar a história.

O modelo

Título do projeto e resumo em uma linha. Nome do cliente ou do projeto, disciplina e ano. Exemplo: "Harbor Coffee Roasters, embalagem e identidade de marca, 2025."
O briefing. Duas ou três frases sobre o que o cliente precisava e por quê. Cite a restrição (orçamento, prazo, público), se houve alguma.
Sua função. O que você fez e o que os outros fizeram, se foi um trabalho em equipe. Seja preciso: "Designer líder, com um redator e uma gráfica" é mais crível do que "Fiz tudo".
Processo. De três a cinco imagens ou legendas curtas: esboços, moodboards, primeiras direções e a lógica por trás da escolha que você fez.
O trabalho final. As imagens maiores e mais limpas da página. Mostre o design em contexto, com mockups ou fotos reais do material impresso.
O resultado. O que mudou, usando apenas o que você pode afirmar com verdade: o cliente lançou, substituiu uma identidade antiga, já está nas prateleiras, foi impresso em determinada escala. Se você não tem números, não use. Não invente métricas.
Link para o próximo projeto. Mantenha as pessoas navegando pelos seus trabalhos.

Exemplos de texto que você pode adaptar

Briefing: "O cliente, uma pequena padaria de bairro, queria um logotipo e uma embalagem com cara de feito à mão, mas que pudessem ser reproduzidos a baixo custo em uma cor só."
Função: "Fiquei responsável pela pesquisa, pelo design do logotipo e pelo sistema de embalagens. O cliente escreveu os textos dos produtos."
Legenda do processo: "Três direções iniciais. Descartamos o logotipo em letra cursiva porque perdia legibilidade em tamanhos pequenos."
Resultado: "A nova embalagem foi lançada na primavera e hoje é usada em todas as linhas de produtos."

Projete o site para que o trabalho seja a estrela

Limite a navegação a quatro ou cinco itens. Início, Trabalhos, Sobre e Contato bastam.
Use fundos neutros e bastante espaço em branco. Seus projetos trazem a cor. Um modelo carregado compete com eles.
Escolha uma ou duas fontes. Como designer, o seu próprio site é uma amostra de tipografia. Mantenha consistência e legibilidade.
Faça as imagens grandes. As miniaturas devem ser nítidas, e as páginas de projeto devem deixar as imagens principais ocuparem toda a largura.
Coloque seu nome e sua área no topo da página inicial. "Maya Chen, designer de marca e embalagem" vale mais do que um slogan criativo que ninguém entende.
Teste no celular. Muitos visitantes vão abrir seu link no mobile. Teste a galeria, o menu e o link de contato.
Comprima as imagens. Arquivos pesados deixam as páginas lentas, o que prejudica tanto os visitantes quanto a visibilidade nas buscas.

Passo a passo: do zero à publicação

Escolha seu foco e seu leitor. Uma frase: "Eu crio [o quê] para [quem]."
Selecione de 6 a 10 projetos usando o filtro acima.
Escreva cada estudo de caso a partir do modelo, começando pelo seu melhor projeto.
Exporte imagens prontas para a web no tamanho em que serão exibidas e dê nomes claros aos arquivos.
Escolha uma ferramenta de criação e um layout que coloque as imagens em primeiro lugar e tenha poucas distrações. Se quiser um ponto de partida, a página de criador de sites para designers gráficos e o modelo de portfólio de designer com IA mostram como é um layout pronto.
Monte as quatro páginas principais e adicione seus estudos de caso.
Conecte um domínio com o seu nome.
Revise tudo e peça a um amigo ou ex-colega que encontre o seu e-mail no site. Se ele tiver dificuldade, corrija a página de contato.
Publique e compartilhe o link na assinatura de e-mail, no currículo e nos perfis profissionais.

Se você está comparando ferramentas, o plano gratuito da We.Inc permite publicar até três sites a partir de modelos prontos; o criador com IA, que monta um site a partir de um prompt, começa no plano Starter, por $20 por mês. Você pode criar sua conta aqui. Se você está saindo de outra plataforma de portfólio, veja esta lista de alternativas ao Portfoliobox.

Checklist de lançamento

Copie esta lista e vá marcando os itens antes de compartilhar o link.

Conteúdo

[ ] De 6 a 10 projetos, com os três mais fortes primeiro
[ ] Todo projeto tem briefing, sua função, processo, trabalho final e resultado
[ ] Projetos acadêmicos, pessoais e conceituais estão identificados com honestidade
[ ] Nenhum trabalho de cliente que você não tem autorização para mostrar
[ ] A página Sobre tem foto, mini biografia e o que você oferece
[ ] O e-mail está visível na página de Contato e no rodapé

Design

[ ] A navegação tem cinco itens ou menos
[ ] Uma ou duas fontes usadas de forma consistente
[ ] O texto é legível sobre o fundo
[ ] As imagens são grandes, nítidas e com tamanho uniforme na galeria
[ ] Toda imagem tem texto alternativo descritivo

Técnico

[ ] Aparece corretamente no celular, no tablet e no computador
[ ] Imagens comprimidas; as páginas carregam rápido
[ ] Todos os links funcionam, inclusive os de "próximo projeto"
[ ] Títulos e descrições de página definidos para a página inicial e para cada projeto
[ ] Domínio próprio conectado e site carregando em HTTPS
[ ] Imagem de pré-visualização para redes sociais definida, para que links compartilhados fiquem bonitos

Depois do lançamento

[ ] Link adicionado à assinatura de e-mail, ao currículo e aos perfis profissionais
[ ] Lembrete criado para revisar o portfólio a cada poucos meses e trocar por trabalhos novos

Erros comuns a evitar

Mostrar tudo o que você já fez. Saber selecionar faz parte da habilidade que você está demonstrando.
Imagens sem contexto. Um mockup lindo, sem briefing, não diz nada ao visitante sobre o seu raciocínio.
Esconder o link de contato. Se exigir mais de um clique, você perde pedidos de orçamento.
Declarar resultados que você não consegue comprovar. Descreva o que aconteceu com precisão. Um resultado modesto e verdadeiro é mais crível do que uma promessa grandiosa e vaga.
Nunca atualizar. Troque as peças antigas por trabalhos recentes mais fortes.

Para onde ir agora

Depois que o site estiver no ar, o mesmo portfólio pode sustentar um negócio freelancer. Estes guias cobrem os próximos passos: como conseguir clientes de web design e como fazer um negócio de web design crescer valem para designers que começam a oferecer sites junto com o trabalho gráfico.