Como criar um portfólio online sem código, do zero ao domínio
Como criar um portfólio online sem código, do zero ao domínio
Você descreve o seu trabalho em texto e o Zugo monta a página: seleção de projetos, estudo de caso, biografia curta e formulário de contato. Uma construção custa 6 créditos e leva cerca de um minuto. O portfólio publicado fica em seunome.zugo.run e aceita domínio próprio.
Portfólio em plataforma ou site próprio: o que muda de verdade?
Muda o controle e muda a primeira impressão. Numa plataforma de portfólio, o seu trabalho aparece cercado pelo trabalho de mais gente, dentro de um layout que é igual para todo mundo. No site próprio, quem chega vê só você, no seu endereço, com a sua ordem de leitura.
A tabela abaixo separa o que cada lugar faz bem, porque a resposta honesta não é "abandone as plataformas".
| Onde mora | Ponto forte | Ponto fraco |
|---|---|---|
| Rede social | Alcance e descoberta constante | Projeto some no feed, sem ordem nem contexto |
| Plataforma de portfólio | Comunidade e público já formado | Layout igual ao de todos, regras da casa |
| Site próprio | Endereço seu, ordem sua, contato direto | Ninguém descobre sozinho, você precisa divulgar |
Na prática, a combinação vence. A rede social atrai, a plataforma dá credibilidade e o site próprio é para onde você manda o cliente que já demonstrou interesse. É o link que cabe na assinatura de e-mail, no cartão e na conversa por mensagem.
Quantos projetos entram num portfólio que fecha contrato?
Menos do que você imagina. Entre seis e dez trabalhos bem apresentados funcionam melhor que trinta jogados numa grade. Quem contrata olha em média três antes de decidir se continua, e o trigésimo projeto nunca é visto, ele só dilui a impressão dos primeiros.
O critério de corte é simples e desconfortável: entra o que você quer fazer de novo. Portfólio é anúncio do próximo trabalho, não arquivo do passado. Se você não quer mais fazer logotipo de restaurante, aquele logotipo bonito de restaurante está trabalhando contra a sua agenda.
Vale ainda ordenar por força, não por data. O melhor trabalho abre a página, mesmo que seja de dois anos atrás, e o segundo melhor fecha. Ordem cronológica é confortável para você e irrelevante para quem contrata, que está avaliando capacidade, não linha do tempo.
Como estruturar cada estudo de caso sem escrever um livro?
Quatro parágrafos resolvem. Contexto, problema, o que você fez e resultado. Essa sequência responde a pergunta que o cliente está fazendo em silêncio, que é "essa pessoa entende de negócio ou só faz coisa bonita".
O contexto cabe em duas linhas: quem era o cliente e em que situação estava. O problema é a parte que quase todo mundo pula, e é justamente a que separa profissional de amador. Sem problema declarado, qualquer solução parece decoração.
No resultado, número honesto vale mais que adjetivo. Se você não tem número, diga o que mudou de forma concreta: o formulário passou a ser preenchido até o fim, a equipe parou de responder a mesma dúvida, a marca passou a caber em embalagem pequena. Resultado vago é o principal motivo de um portfólio bonito não gerar proposta.
Como escrever o prompt que gera o portfólio?
O Zugo constrói a partir de uma descrição, então escreva essa descrição como um briefing. Este modelo cobre o essencial:
Crie o portfolio de um [designer / ilustrador /
redator / arquiteto] em [cidade].
Secoes:
1. Capa: nome, o que faco em uma linha,
botao "Ver projetos".
2. Projetos em destaque: grade com 6 trabalhos,
cada um abre um estudo de caso.
3. Estudo de caso: contexto, problema, solucao,
resultado e imagens grandes.
4. Sobre: bio curta, ferramentas e clientes atendidos.
5. Servicos: o que eu aceito fazer e como cobro.
6. Contato: formulario curto e link do LinkedIn.
Tom: [direto / autoral]. Cores: [suas cores].
Imagens grandes, texto curto, sem carrossel automatico.
Aquele último pedido evita um problema comum: carrossel que roda sozinho tira a leitura do controle de quem visita. Se preferir partir de algo pronto, o Zugo traz 25 modelos, e um layout de página pessoal já adianta a estrutura antes do primeiro ajuste.
Como receber contato de cliente sem virar caixa de spam?
Formulário curto vence e-mail exposto. Três campos bastam: nome, como falar com você e uma linha sobre o projeto. Cada campo a mais derruba a chance de envio, e formulário com dez perguntas passa a mensagem de que você está peneirando antes de conversar.
Vale acrescentar uma pergunta de orçamento em faixas, e não em campo aberto. Faixa é confortável de responder e já organiza a sua fila. Quem não quer responder nada disso escreve pelo canal alternativo, que pode ser LinkedIn ou WhatsApp, sem obrigação de preencher formulário.
Do lado técnico, o Resend cuida do aviso por e-mail e o Supabase guarda os pedidos, o que evita perder contato quando a mensagem cai em promoções. Se você quer também guardar arquivos que o cliente envia, esse caminho está descrito em como usar o Supabase no seu projeto.
Quanto custa em créditos montar e manter o portfólio?
O Zugo cobra por ação, não por mês de site no ar.
| Ação | Créditos |
|---|---|
| Construção do portfólio | 6 |
| Edição num projeto existente | 3 |
| Plataforma multipágina, três primeiras páginas | 12 |
| Cada página adicional | 3 |
| Construção no modo Hi-Fi | 12 |
| Edição no modo Hi-Fi | 6 |
| Publicar e conectar domínio | 0 |
O plano gratuito dá 5 créditos, menos que uma construção completa de 6, então ele serve para experimentar a ferramenta. O Pro custa $25 por mês com 200 créditos, algo como 66 edições, o que cobre com folga a rotina de trocar projeto de lugar e subir trabalho novo.
Se cada estudo de caso virar uma página própria, o projeto passa a ser multipágina: 12 créditos pelas três primeiras e 3 por cada página adicional. Para quem tem seis casos, a conta continua pequena, e o resultado é um endereço por projeto, útil quando o cliente pede um link específico.
Como fazer o portfólio aparecer nas buscas certas?
Não tente disputar a palavra genérica da sua área. Ninguém contrata digitando apenas "designer" no buscador, e quem digita isso está pesquisando definição, não profissional. As buscas que trazem trabalho são as específicas, com serviço e lugar juntos.
Escreva na página o que você faz na linguagem do cliente, não na sua. Um cliente procura "identidade visual para cafeteria", não "sistema de marca modular". Colocar as duas versões na mesma página resolve, porque uma responde à busca e a outra mostra repertório.
Imagem também pesa, e essa é a parte mais esquecida num portfólio. Arquivo com nome descritivo e texto alternativo em cada peça ajudam a busca por imagens, que é como muita gente encontra trabalho visual. O tema está detalhado em posso usar minhas próprias imagens.
O que o Zugo não faz por um portfólio?
Três limites, ditos na cara.
Ele não escolhe os seus projetos nem escreve o estudo de caso no seu lugar com informação que não existe. A ferramenta monta estrutura e texto base, mas o problema real do cliente, a decisão de projeto e o resultado saem da sua cabeça e do seu arquivo.
Ele também não é uma plataforma de comunidade. Não existe feed, seguidor ou descoberta automática, e o portfólio não recebe visita porque foi publicado. Tráfego vem de divulgação, e nisso o site próprio é ferramenta de conversão, não de alcance.
E há o caso de quem precisa de área de cliente, com login, envio de arquivo e aprovação de arte. Isso é um produto, construído por uma sequência de edições e não com um parágrafo. O Zugo não substitui um time de desenvolvimento nesse tipo de sistema.
Qual o primeiro passo hoje?
Escolha os projetos antes de abrir a ferramenta. Separe de seis a dez trabalhos, escreva quatro linhas para cada um seguindo contexto, problema, solução e resultado, e junte as imagens em boa resolução. Essa é a parte demorada, e ela não é técnica.
Depois construa, leia a página no celular, corte metade dos adjetivos, ajuste com duas ou três edições e conecte o domínio próprio. Toda construção passa por verificação em sandbox antes de ser entregue, então página que não abre vira erro em vez de chegar quebrada até você. Se o seu caso é mais currículo que portfólio, veja como criar um site de currículo.
Dá para começar em zugo.dev pelo plano gratuito e decidir o resto quando a página já estiver de pé.