Para criar um site de portfólio com IA, separe seus melhores projetos, as imagens e uma bio curta e descreva o layout e o tom desejados. A ferramenta cria páginas de projeto, uma seção sobre você e um formulário de contato que salva as mensagens. Depois, você adiciona trabalhos numa área administrativa privada e publica no seu domínio.
- De oito a doze projetos fortes, cada um com uma história curta, rendem mais trabalho do que uma galeria com tudo o que você já fez.
- Anexe as suas próprias imagens (até 25 MB por arquivo) ao descrever o site. A WisyLink usa as imagens como estão e não gera fotos.
- Peça uma página por projeto, com URL limpa; os projetos que você adicionar depois pela área administrativa entram no ar sem nova construção.
- O formulário de contato salva todas as mensagens. Os avisos por e-mail precisam da sua própria conta SMTP, cadastrada uma vez em Integrações.
- Links gratuitos duram 30 dias. Um plano pago mantém o site no ar; o seu próprio domínio pode ser conectado em qualquer plano, inclusive no gratuito.
O que um portfólio precisa para conquistar clientes
Um site de portfólio tem uma única função: fazer a pessoa certa entrar em contato com você. Essa pessoa costuma ser um diretor de arte, um recrutador ou um dono de negócio que está olhando vários portfólios em sequência. Ela decide rápido se você faz o tipo de trabalho de que ela precisa, se o resultado é bom e se é fácil falar com você. Tudo no site deve servir a esses três julgamentos.
| Elemento | Função | Dica |
|---|---|---|
| Frase de posicionamento | Diz quem você ajuda e como | “Identidade visual para restaurantes independentes” funciona melhor que “Designer criativo” |
| Grade de trabalhos selecionados | Mostra variedade e qualidade num relance | Comece pelo projeto mais parecido com o tipo de trabalho que você quer fazer mais |
| Páginas de projeto | Provam como você pensa, não só como o resultado ficou | Contexto, o seu papel, processo, resultado |
| Sobre | Gera confiança na pessoa por trás do trabalho | Uma foto real sua e três ou quatro frases |
| Serviços e processo | Responde à pergunta “como seria trabalhar juntos?” | Liste o que você entrega e como um projeto costuma andar |
| Depoimentos | Prova vinda de terceiros | Só citações reais, com autorização do cliente |
| Formulário de contato | Transforma interesse em conversa | Pergunte o tipo de projeto e o prazo para qualificar os contatos |
| Cartão de compartilhamento | Faz o seu link parecer caprichado nas mensagens | Confira colando o link no WhatsApp ou em outro aplicativo de mensagens antes do lançamento |
Prepare seus trabalhos: imagens, estudos de caso curtos e bio
A preparação define a qualidade do resultado mais do que o prompt. Dedique uma noite a ela antes de abrir o chat.
Imagens
Escolha primeiro os projetos e depois exporte as imagens em tamanho para web, em JPEG, PNG ou WebP, com nomes de arquivo descritivos, como capa-cardapio-cafe-da-praca.jpg em vez de IMG_0412.jpg. Cada arquivo anexado ao chat pode ter até 25 MB, e o chat aceita os formatos de imagem mais comuns, PDF, documentos do Word e MP4, entre outros. Fotógrafos devem escolher uma série por projeto em vez de fotos soltas e conferir se os contratos com os clientes e as autorizações de uso de imagem dos modelos permitem a publicação.
Posso enviar minhas próprias imagens e vídeos?
Sim. Os arquivos que você anexa são usados como estão; a plataforma nunca troca o seu trabalho por imagens geradas. Clipes curtos em MP4 com menos de 25 MB funcionam como arquivos no site, mas cada upload conta no armazenamento e no tráfego do seu plano. Para um showreel ou uma biblioteca grande de vídeos, hospede os vídeos numa plataforma de vídeo e peça que sejam incorporados às páginas de projeto.
Estudos de caso e bio
Escreva cada estudo de caso em cinco partes curtas: cliente e contexto, o problema, o que você fez, o resultado e os créditos (o seu papel em projetos de equipe). De três a seis frases por projeto bastam. Na seção sobre você, escreva em primeira pessoa se trabalha sozinho e em terceira pessoa se apresenta um estúdio. Reúna tudo em um documento e anexe ao chat; assim você não precisa digitar tudo no prompt.
Monte o site: modelo de prompt
Se você nunca criou um site desse jeito, o passo a passo para criar um site com IA explica o básico. Para um portfólio, o processo é este:
- Crie uma conta gratuita no plano Community e abra um novo chat.
- Anexe as imagens e o documento com os estudos de caso.
- Cole o prompt abaixo, preenchido com os seus dados.
- Responda à pergunta da Wisy, se ela fizer uma. A cada mensagem, ela faz uma pergunta curta ou inicia a construção.
- Acompanhe a lista de tarefas durante a construção e depois abra o link no ar no celular e no notebook.
- Peça mudanças específicas, um assunto por mensagem: “aumente os títulos dos projetos e coloque o nome do cliente embaixo” funciona melhor do que “deixe mais bonito”.
- Cadastre os dados do SMTP em Integrações para que as mensagens novas cheguem à sua caixa de entrada.
- Conecte o seu domínio (vale para qualquer plano) e assine um plano pago quando estiver pronto para lançar.
Crie um site de portfólio para [seu nome], [área de atuação] em [cidade], que trabalha com [tipo de cliente].
Páginas: uma página inicial com a frase “[frase de posicionamento]” e uma grade de trabalhos selecionados; uma página Projetos com todos os projetos e filtro por [lista de categorias]; uma página por projeto em /projetos/[nome-do-projeto], com o texto do estudo de caso, as imagens que anexei e links para o projeto anterior e o próximo; uma página Sobre com a minha bio e foto; uma página Contato.
Campos do formulário de contato: nome, e-mail, tipo de projeto, prazo, mensagem. Salve todas as mensagens e mostre-as numa área administrativa privada. Me mande um e-mail a cada mensagem nova.
Área administrativa: um login só para mim, onde eu possa adicionar, editar, reordenar e ocultar projetos e enviar as imagens deles.
Visual: [três adjetivos], [preferência de cores], tipografia com um ar [por exemplo, editorial e calmo]. Deixe as imagens em primeiro plano e os textos curtos.
Descreva o estilo com palavras concretas em vez de “moderno” ou “clean”, que significam coisas diferentes para cada pessoa. Há mais exemplos de redação nos modelos de prompt para criar sites com IA. No plano gratuito, a Wisy limita cada construção a uma primeira versão curta; se o primeiro resultado vier sem a área administrativa, peça numa segunda mensagem.
Uma página por projeto, com URLs limpas
Uma única página com rolagem serve para três projetos. Passou disso, dê a cada projeto a sua própria página. Uma página de projeto num endereço como /projetos/rebranding-cafe-da-praca pode ser enviada direto a um potencial cliente que pediu trabalhos para restaurantes, tem título e descrição próprios nos resultados de busca e pode ranquear para o próprio assunto, por exemplo “design de embalagem para cervejaria artesanal”.
Na WisyLink, cada projeto que você adiciona como registro ganha a sua própria página rastreável, gerada a partir dos seus dados salvos. Um projeto novo aparece na página Projetos, na própria URL e no sitemap do site cerca de um minuto depois de publicado, sem nova construção. Faça cada página de projeto dizer mais do que o card: o contexto, duas ou três imagens do processo, o resultado e os créditos. Uma página que só repete o título e uma foto não dá nem aos visitantes nem aos buscadores um motivo para ficar.
Escolha endereços de projeto curtos e descritivos e não mude depois. Se renomear um projeto depois de compartilhar o link, peça um redirecionamento do endereço antigo para que os links já enviados continuem funcionando.
Um formulário de contato que salva as mensagens e avisa você por e-mail (SMTP)
O formulário de contato guarda cada envio no banco de dados do próprio site, e você lê as mensagens na área administrativa. Essa parte funciona desde a primeira construção. Os avisos por e-mail precisam de mais um passo: o site envia e-mails pela sua própria conta SMTP, ou seja, as configurações de envio que o seu provedor de e-mail fornece. Você cola o servidor, a porta, o usuário, a senha e o endereço de remetente em Integrações, onde ficam criptografados e nunca mais são exibidos. Até lá, as mensagens continuam sendo salvas; você só não recebe e-mail sobre elas. Nunca cole uma senha no próprio chat.
Três detalhes deixam o formulário mais útil:
- Campos de qualificação. O tipo de projeto e o prazo mostram em segundos qual pedido responder primeiro. Uma faixa de orçamento funciona em algumas áreas e espanta as pessoas em outras; na dúvida, deixe de fora.
- Limites contra spam. Peça à plataforma que limite envios repetidos do mesmo e-mail, para que um robô não lote a sua caixa de entrada nem o seu banco de dados.
- Um remetente no seu domínio. Depois de conectar o domínio, use como remetente um endereço como contato@seunome.com.br, principalmente se também pedir um e-mail automático de confirmação para quem escreveu.
Antes do lançamento, envie uma mensagem de teste para você mesmo e confirme que ela aparece na área administrativa e na sua caixa de entrada, conferindo também a pasta de spam.
Rápido, compartilhável e fácil de encontrar: cartão de compartilhamento e SEO básico
Todo site da WisyLink é renderizado no servidor, então os buscadores e as prévias de link veem a página completa já na primeira requisição. Cada página recebe título, meta description e URL canônica próprios, além de tags Open Graph e de Twitter card, dados estruturados, favicon, /sitemap.xml e /robots.txt. A primeira construção também cria uma imagem de compartilhamento para o site, então o seu link aparece com um cartão caprichado, e não com uma caixa vazia, quando você o cola numa conversa.
Saiba de um limite: o cartão de compartilhamento é uma única arte para o site inteiro, desenhada em vetor. Ele não mostra as suas fotografias. Se quiser outro visual para ele, descreva a mudança no chat.
O resto é conteúdo, e essa parte é sua:
- Texto alternativo. Descreva com palavras simples o que cada imagem mostra: “Capa de cardápio com lettering feito à mão para um café de praça”. As práticas recomendadas de SEO para imagens do Google apontam o texto alternativo como o atributo mais importante dos metadados de imagem, e ele também permite que quem usa leitor de tela navegue pelo site.
- Palavras nas páginas de projeto. Os buscadores leem texto, não pixels. Diga o tipo de cliente, o que foi entregue e, se você atende localmente, a cidade: “fotógrafo de casamento em Belo Horizonte”.
- Tamanho das imagens. Exportações em tamanho para web deixam as páginas rápidas no celular, onde os potenciais clientes costumam abrir um link que alguém encaminhou.
Adicione novos projetos pela área administrativa
Um portfólio que nunca muda começa a parecer abandonado. Peça uma área administrativa privada na primeira ou na segunda mensagem, com um formulário para cada projeto: título, endereço, resumo, texto do estudo de caso, imagem de capa, imagens da galeria, categoria, ordem de exibição e uma opção de publicado.
Posso adicionar projetos novos sem reconstruir o site?
Sim. Os projetos são dados salvos, não código, então adicionar um pela área administrativa não inicia uma construção nem gasta a sua cota de uso. A página nova chega aos visitantes em cerca de um minuto. Você só volta ao chat quando quer mudar o design ou acrescentar um recurso, como uma faixa com logos de clientes ou um aviso de “disponível para novos projetos”.
As imagens enviadas pela área administrativa ficam guardadas como arquivos públicos, são entregues rapidamente e têm limite de 25 MB cada. Uploads públicos não aceitam arquivos SVG, então exporte os logos em PNG. A nota final da construção explica como entrar na área administrativa: muitas vezes, a primeira conta cadastrada vira a de administrador, ou a nota traz os dados de acesso. Entre, teste e troque qualquer senha inicial por uma sua.
Seu próprio domínio e o lançamento
O seu site começa num endereço como https://<id>.wisylink.com, perfeito para testes. No plano gratuito Community, os links duram 30 dias e depois ficam mais uma semana marcados para exclusão antes de serem removidos. Para manter o portfólio no ar, mude para um plano pago (colocá-lo em seunome.com.br funciona em qualquer plano); o Starter custa US$ 7 por mês (veja os planos). No aplicativo para iPhone e Android, a assinatura é cobrada em reais pela App Store ou pelo Google Play.
Em Domínios, você conecta um domínio que já tem, como um .com.br registrado no Registro.br; se ainda não tem domínio, registre um primeiro em qualquer registrador de domínios. Conectar com um único registro DNS não mexe no seu e-mail; apontar os nameservers para a WisyLink substitui todos os registros DNS existentes, inclusive os de e-mail, então só escolha essa opção se estiver pronto para recriá-los. O HTTPS é configurado automaticamente quando o domínio é verificado. O passo a passo completo está em como conectar um domínio próprio ao seu site criado com IA.
Antes de divulgar o link para muita gente:
- Abra cada página de projeto no celular e confira o corte das imagens.
- Envie um pedido de orçamento de teste e confirme o registro na área administrativa e o e-mail.
- Cole o link num aplicativo de mensagens e confira o cartão de prévia.
- Leia cada palavra mais uma vez; erro de digitação num portfólio custa mais caro do que em qualquer outro lugar.
- Coloque o link na assinatura de e-mail, nos perfis das redes sociais e nas suas propostas comerciais.
Crie seu portfólio com uma mensagem
Você já tem a parte difícil: o trabalho. Reúna os seus melhores projetos, escreva cinco linhas sobre cada um, anexe as imagens e cole o modelo de prompt acima com os seus dados. Revise a primeira versão no celular, peça as mudanças que importam e conecte o seu domínio quando sentir que está pronto.
Dá para testar tudo de graça: comece no Community, sem cartão, e só assine um plano pago quando o portfólio estiver pronto para ficar no ar no seu próprio domínio.
F.A.Q.