Classificamos os fornecedores com base em testes e pesquisas rigorosos, mas também levamos em consideração seu feedback e nossos acordos comerciais com provedores. Esta página contém links de afiliados.Divulgação de Publicidade
  1. Website Planet
  2. >
  3. Blog
  4. >
  5. Como Criar Um Portfólio Online Para Chamar Atenção em 2024

Como Criar Um Portfólio Online Para Chamar Atenção em 2024

Andrés Gánem Andrés GánemEspecialista em desenvolvimento de sites
Eu tenho uma confissão a fazer: para alguém que ganha a vida escrevendo sobre sites, eu sempre arranjava uma desculpa diferente para não ter um portfólio online.

Eu dizia que não tinha material suficiente, ou que não tinha tempo. Além disso, não importa se o seu trabalho está no Instagram ou em um site chique, você vai notar se o trabalho está bom, certo? (Alerta de spoiler: claro que não).

A verdade é que fazer um site exclusivo para mim foi intimidador. E já que você está lendo isso, aposto que você sente o mesmo.

Mas a verdade é que não precisa ser intimidador. Depois de finalmente criar meu portfólio online, posso dizer que o processo foi rápido e fácil. O resultado final é ótimo e mostra minha personalidade e meus trabalhos, e eu estou aqui para ajudá-lo a fazer isso, passo a passo.

Eu fiz meu site com o Wix porque é super fácil de usar e tem alguns dos modelos de portfólio mais bonitos. Mas você pode usar este guia para criar e projetar um portfólio impressionante com qualquer construtor de sites.

wix logo alt 2

Economize até $50.00 no seu plano do Wix!

Oferta por tempo limitado - não perca!

5172 usuários utilizaram este cupom

Passo #1: Escolha Um Nome De Domínio Para Seu Portfólio

Escolher um nome de domínio para um site é uma arte (e nós temos um guia completo para isso). Mas, para ser franco com você, seu nome e um simples .com devem ser o suficiente para um portfólio. Se você tiver um nome artístico ou de uma empresa, use-o.

Deixar uma boa impressão já é bastante difícil. Se o seu trabalho atrai alguém, provavelmente essa pessoa se lembrará do seu nome, enquanto que outras informações desnecessárias só irão atrapalhar.

Experimente algumas variações se SeuNome.com não estiver disponível. Meu portfólio, por exemplo, poderia ser AndresGanem, AndresG, AGanem, DresGanem e outras combinações semelhantes.

O .com também é importante. Pode ser mais caro, mas é o TLD (Top Level Domain – Domínio de Nível Superior) mais popular do mundo. Isso significa que as pessoas se lembrarão naturalmente do .com. Você também pode testar o nosso gerador de nomes de domínio para ver o que está disponível.

Dica: Por falar em ser memorável, um logotipo personalizado para sua marca pode fazer maravilhas para o seu portfólio. O Wix tem um criador de logotipo que você pode usar gratuitamente com o plano VIP. Confira nossa análise do criador de logotipo Wix para saber mais.

Passo #2: Escolha o Construtor de Sites e o Plano Ideal

Um site WordPress auto-hospedado oferece controle total sobre todos os aspectos do seu portfólio, mas isso requer tempo e experiência.

Os construtores de sites cuidam dos detalhes e fornecem as ferramentas que você precisa para projetar seu site de forma rápida e fácil. Essa também pode ser a opção mais barata. Hospedagem, registro de domínio e plugins podem ser caros. Os construtores de sites geralmente oferecem tudo isso por um valor menor, e você sabe o preço desde o início do projeto.

Alguns construtores, como Wix ou SITE123, têm planos totalmente gratuitos. Eu não recomendaria usar esses planos gratuitos, porque ter um domínio Wix ou SITE123 pode parecer pouco profissional. Meu conselho é que você comece com o construtor mais barato que ofereça um domínio personalizado. Depois você pode atualizar o plano se precisar.

Eu criei um portfólio com cada um dos construtores abaixo e acredito que eles são os melhores para equilibrar facilidade de uso e personalização. Dito isso, o caminho certo para você dependerá das suas necessidades específicas.

1. Wix – O Melhor Construtor para Liberdade Criativa

Wix portfoilo homepage
Os modelos de portfólio do Wix possuem um design arrojado para atrair o público. Passe o mouse para saber mais!
Nenhum construtor no mercado tem tanta flexibilidade de design quanto o Wix, embora ainda seja amigável. Leva apenas alguns minutos para se familiarizar com o editor de arrastar e soltar, e você pode deixar seu site com a aparência que desejar.

Dito isso, você precisa de uma certa experiência com design se for personalizar um template. A flexibilidade do Wix significa que não há restrições sobre a aparência ruim de um site.

Se você está confortável com suas habilidades de design e deseja um site que seja exclusivamente seu, o Wix é o caminho certo. O Wix tem um plano gratuito para sempre, que você pode experimentar antes de comprar um domínio personalizado.

Alguns dos melhores recursos do Wix são:
  • Editor de arrastar e soltar. O Wix é o único construtor que permite colocar elementos em qualquer lugar de uma página.
  • Widgets especiais para exibir seu trabalho. Recursos como vídeos mascarados ou apresentações de slides personalizadas são uma maneira interessante de mostrar seus projetos.
  • Mais de 800 modelos. Cada modelo é projetado especificamente para um nicho ou setor diferente, e você pode editá-los como quiser.
  • IU amigável. A interface do usuário está disponível em português.
  • Atendimento ao cliente. Envie um e-mail para o atendimento ao cliente em português.

2. Squarespace – O Melhor Construtor Para Trabalhos Visuais

squarespace-jason-wild-template
Os designs do Squarespace dão peso às imagens. Passe o mouse para saber mais.
Se você faz qualquer tipo de trabalho visual – como fotografia, videografia ou animação – então o Squarespace pode ser a melhor opção para você. Os templates do Squarespace usam títulos em negrito e um espaço negativo para chamar a atenção para a parte mais interessante da página: seu trabalho.

Ele é menos personalizável do que o Wix e não mostra muitas informações em uma única página, mas uma imagem vale mais do que mil palavras, e o Squarespace permite que seus recursos visuais chamem mais atenção.

O Squarespace não tem um plano gratuito, mas oferece um período grátis de 14 dias para você decidir se ele é o construtor de sites certo para seu portfólio.

O Squarespace vem com:
  • Editor de blocos intuitivo. Embora o Squarespace possa anunciar seu editor como “arrastar e soltar”, ele é mais uma ferramenta de edição de blocos – e isso é uma coisa boa. Essa restrição impede que os sites do Squarespace se tornem confusos ou desequilibrados.
  • Modelos projetados profissionalmente. Cada um dos mais de 100 modelos é elegante e responsivo.
  • Suporte a aplicativos de terceiros. Existem muitos aplicativos de terceiros que você pode adicionar a um site do Squarespace para expandir suas funcionalidades.
  • Interface de usuário. Ele suporta português.
  • Atendimento ao cliente por e-mail em português.

3. SITE123 – O Melhor Construtor Para Iniciantes

timothy-simons-site123-template
O SITE123 pode oferecer um site simples, mas bonito em apenas alguns minutos. Passe o mouse para ver mais.
O SITE123 é uma ferramenta extremamente fácil de usar para criar sites (e ele também tem um plano gratuito!). Você não terá o site mais original que existe, mas há opções de personalização para dar a ele seu toque pessoal.

Com o SITE123 você terá:
  • Um tour para iniciantes. Você pode acessar um passo a passo completo de como o SITE123 funciona assim que criar seu primeiro site.
  • Responsivo para dispositivos móveis. A visualização para dispositivos móveis do seu site é atualizada automaticamente sempre que você faz alguma alteração.
  • Mercado de aplicativos. Expanda suas funcionalidades com os aplicativos premium do SITE123.
  • Interface de usuário. Está disponível também em português.
  • Atendimento ao cliente por e-mail e em português.

4. Zyro – O Construtor Mais Rápido Que Existe

joplin-by-zyro
O Zyro pode gerar sites impressionantes com a ajuda de IA. Passe o mouse para saber mais.
Zyro usa a tecnologia de Inteligência Artificial para ajudá-lo a projetar cada parte do seu site com eficiência. Você pode até gerar um logotipo personalizado usando IA e rastrear a atividade do seu site com a ferramenta de mapa de calor de IA. Se você precisa de um bom site e precisa com uma certa urgência, o Zyro é a escolha certa.

O Zyro não tem um plano gratuito, mas oferece um teste gratuito de 30 dias para testar a ferramenta e ver se é a escolha ideal para você.

O Zyro oferece:
  • Criação de conteúdo com IA. Existem recursos de IA para projetar seu site, criar um logotipo e até mesmo escrever conteúdo.
  • Mapa de calor inteligente. Use o rastreamento de atividades para melhorar a experiência do usuário em suas páginas.
  • Suporte ao cliente 24 horas por dia, 7 dias por semana. Se precisar de ajuda, você pode entrar em contato com o Zyro a qualquer momento e obter uma resposta eficiente. Você pode escrever para o suporte ao cliente em português porque os agentes podem usar o Google Translator.
  • Interface de usuário. Está disponível também em português.
Melhor Recurso Templates de Portfólio Plano Gratuito Preço Inicial Interface em Português
Wix Editor ilimitado 76 $16.00
Squarespace Templates impressionantes 144 $16.00
SITE123 Responsivo em dispositivos móveis 6 $12.80
Zyro IA que cria conteúdos 10 $4.41

Passo #3: Considere A Estrutura Do Seu Portfólio

Então você já escolheu um domínio perfeito e sabe qual construtor de sites é o melhor para suas necessidades específicas. Você pode finalmente começar a construir seu portfólio, certo?

Ainda não. Você precisa saber o que deseja do seu site antes de começar. Do contrário, você pode acabar com um site sem estrutura ou, pior, sem nenhum site.

Eu recomendo que você:
  • Verifique outros portfólios do seu nicho. Quem você admira no seu ramo? Quem você considera bem-sucedido? Para o meu site de redação, eu visitei os sites dos meus autores favoritos, mesmo aqueles com estilos diferentes do meu. Escrever não é tão chamativo quanto fotografia ou design, então eu precisava de toda a inspiração que pudesse usar para fazer meu trabalho se destacar.
  • Considere sua personalidade. Pesquisar outros portfólios é ótimo, mas você precisa se lembrar que você é único. O que o torna diferente? O que torna seu trabalho único? Um escritor de ficção pode precisar de um site que transmita um certo tom, enquanto um comediante precisa de um site que mostre que nem tudo deve ser levado muito a sério.
  • Esboce seu site. Mesmo que você possa ver claramente seu portfólio em sua mente, você precisa fazer um esboço do design. Os olhos da mente são famosos por não serem confiáveis, e remover coisas que não funcionam doerá muito menos quando você estiver apenas apagando um desenho em vez de jogar fora horas de trabalho.
Desenhar meu site no papel funcionou para mim, mas você sempre pode fazer um design usando uma apresentação do PowerPoint ou até mesmo o Photoshop, se quiser.

Dica: projete seu site para ser mais rolável do que clicável! As pessoas sentem que estão assumindo um compromisso muito grande quando clicam em um site, o que pode dissuadir os visitantes. A rolagem exige muito pouco esforço e pode aumentar seu envolvimento.
Considere que esta estrutura não é imutável. Você sempre pode fazer alterações à medida que avança. Depois de saber o que deseja que seu site seja, vá para a próxima etapa!

Passo #4: Escolha Um Template Que Se Encaixe No Seu Estilo

Os templates podem ser tão genéricos quanto “CV de fotografia” ou tão específicos quanto “Portfólio de designer têxtil”. Considere os modelos feitos para outros nichos também. Se você substituir todas as fotos de edifícios por fotos de rostos, um modelo de arquitetura pode se tornar ótimo para um maquiador.

Compare seu esboço com as diferentes opções. Qual é a melhor combinação?

Wix portfolio templates
O Wix tem mais de 70 templates profissionalmente projetados para portfólios online.
Você também precisa levar em consideração o seu construtor. Diferentes construtores oferecem diferentes graus de customização. Você pode deletar todos os elementos de um template e construir uma página do zero com o Wix (se você adora tornar sua vida mais difícil inutilmente), mas se você estiver usando o SITE123, o que você vê é praticamente o que você terá.

E por último, considere também a funcionalidade. As integrações de comércio eletrônico são ótimas se você deseja vender seu trabalho e precisa de um bom reprodutor de áudio se for um apresentador de podcast ou um músico. Você sempre pode adicionar coisas à medida que edita, mas um modelo deve tornar isso o mais fácil possível.

Acabei usando o Template de Escritor Noah Matthews. Ele tinha um design simples e ao mesmo tempo interessante. Eu quase escolhi o Podcast Espiritual, mesmo que não tenha nada particularmente espiritual ou relacionado a podcast no que eu faço.

noah-matthews-template
Noah Matthews foi um excelente lugar para começar por ter um design elegante.
Agora que você escolheu seu template e sabe o que quer que seu site seja, é hora da parte difícil (quero dizer, divertido!) – personalizar seu portfólio.

Passo #5: Personalize Seu Portfólio Online

O processo de personalização será diferente para cada pessoa. Vou explicar o que eu fiz e espero que isso o oriente na direção certa. Mas se você começar a gritar com o computador por causa de algo que estou fazendo, talvez não seja a melhor escolha para você.

Primeiro, eu projetei o site usando espaços reservados. Onde eu queria uma foto, usei a arte vetorial que consegui no Wix. Eu colocava o clássico “lorem ipsum” onde precisava do texto e assim por diante. Para mim, isso foi vital. Em vez de ficar obcecado com os pequenos detalhes, comecei a pensar no quadro geral.

design-placeholders
Use as bibliotecas integradas para projetar os traços gerais do seu site primeiro.
Eu queria que a página inicial tivesse uma foto minha porque a) sou um narcisista e b) estou procurando estabelecer uma conexão pessoal com o visitante desde o início. As pessoas se conectam instintivamente aos rostos. Eu também substituí o fundo por uma imagem que gostei.

Eu faço alguns trabalhos paralelos, e ter dois portfólios diferentes é uma péssima ideia, então eu queria que minha página inicial alternasse entre os dois perfeitamente. Também escolhi duas imagens com esquemas de cores contrastantes. Dessa forma, a mudança seria perceptível, mas não chocante.

Os recursos do Wix foram suficientes para eu configurar isso, mas existe uma loja de aplicativos Wix inteira com itens extras que você não consegue encontrar no construtor padrão. Os players de vídeo, música e podcast oferecem ainda mais opções para exibir seu conteúdo. E você pode proteger seu trabalho contra roubo com o aplicativo Right Click Protect.

Eu usei uma apresentação de slides dinâmica para meu trabalho escrito e um rolo de vídeo para exibir minha performance. Você vai querer usar sua página principal para criar interesse no seu trabalho, mas não exagere. Você quer mostrar apenas material o suficiente para redirecionar um visualizador a uma página que mostra o seu trabalho.

Passo #6: Mostre Seu Trabalho

Sim, seguir em frente a partir da página inicial exige muito comprometimento, mas é para isso que servem os exemplos – convencer seus visitantes a se comprometerem.

writing-sample
Se seu trabalho não for inerentemente visual, use elementos que o complementam.
Aqui está uma lista de coisas para se atentar na sua página inicial, sem ordem específica:
  • Não mostre tudo o que você já fez. Escolha o seu melhor trabalho. Se você fez apenas uma ou duas coisas das quais se sente orgulhoso, exiba essas duas coisas o mais proeminentemente possível. Não os misture com uma dúzia de outros projetos “ok”.
  • Mantenha o mais simples possível. Escolha um estilo para tudo e siga-o. Tente não alterar as cores de fundo, fontes ou elementos de design entre os projetos.
  • Use links externos. Se o seu trabalho foi apresentado em algum lugar importante, crie um link para ele. Mostre um trecho e qualquer feedback que você recebeu. Isso cria interesse e mostra que você é bom em trabalhar com clientes.
  • Mostre um teaser, em vez de a coisa toda. Pense em finais de suspense na TV. Se você mostra uma parte incrível de um projeto maior, você deixa os espectadores querendo saber sobre o resto.
  • Faça apelos visuais, mas não exagere. Isso não será um problema para alguns nichos. Mas se o seu trabalho não for visual por natureza, tente adicionar uma imagem de capa de alta resolução que combine com ele. Esses elementos não devem desviar a atenção do seu trabalho. Apenas evite que os visitantes fiquem entediados.
Meu trabalho de melhor atuação está disponível gratuitamente no YouTube e Vimeo, então eu incluí links externos para esses vídeos. Eu coloquei minha escrita com uma imagem de grande herói na capa e alguns breves exemplos.

awards-sample
Não seja modesto. Mostre todos os prêmios que você ganhou.
Se você exibir seu trabalho corretamente, ele deve ser o suficiente para te promover. Mas você também precisa escrever sobre isso de forma atraente.

Passo #7: Escreva E Impressione

Uma boa escrita pode ser a diferença entre um bom e um ótimo portfólio. Você não deve preencher seu site com texto, mesmo que seja uma grande parte do seu trabalho (especialmente se for), mas você precisa se certificar de que sua escrita seja focada para transformar visitantes em fãs.

Como você faz isso? Bem, existem livros inteiros sobre direitos autorais, então, embora eu não possa lhe dizer tudo o que há para saber, posso lhe dar algumas dicas.
  • Seja direto. Imagine uma única pessoa navegando pelo seu site. Fale com eles. Não diga: “Eu ofereço serviços profissionais de fotografia”. Diga: “Posso deixar seu cachorro lindo com um suéter”.
  • Seja pessoal. Ofereça algumas dicas sobre você. Estamos em 2024. Sua marca pessoal vale tanto quanto seu trabalho. A maneira como você fala sobre si mesmo é tão importante quanto o que você diz.
  • Seja confiante. Este é o seu portfólio. Se você não acredita em si mesmo, por que os outros deveriam acreditar? Destaque suas conquistas e reconhecimentos. Seja aberto sobre as coisas que o diferenciam da multidão.
copywriting-example
Sim, é um pouco demais. Mas o alto astral é contagiante.
Não fale sozinho. Inclua depoimentos de pessoas com quem você trabalhou.

Se escrever não é sua área, você pode usar geradores de conteúdo com IA – como o oferecido pelo Zyro – para ajudar na inspiração. Lembre-se de que você ainda precisa editar este texto de acordo com sua sensibilidade única, mas é uma boa maneira de começar.

Dica: você não precisa fazer tudo sozinho. Você pode encontrar redatores incríveis e baratos no Fiverr.
Se sua escrita for boa os visitantes ficarão impacientes para entrar em contato. É por isso que você deve tornar mais fácil para eles fazerem isso.

Passo #8: Facilite O Contato De Clientes Em Potencial

Você encontrará um template pré definido para uma página de contato em quase todos os construtores. Apenas certifique-se de que sua página de contato seja tão marcante quanto o resto do site.

O objetivo de um site de portfólio é fazer com que os clientes entrem em contato com você. Se eles clicarem na página de contato significa que você conseguiu o que queria. Um ótimo título e uma imagem podem ser o empurrão final que eles precisam.

O que pode ser menos óbvio, mas é tão importante quanto: certifique-se de que os visitantes tenham uma maneira de entrar em contato com você em qualquer ponto do seu site. O Wix inclui a opção “mostrar em todas as páginas” que eu usei para exibir um formulário de contato na parte inferior de cada página. Eu também incluí botões de mídia social no canto superior direito de cada página.

contact-page
Seu trabalho é tornar o contato o mais fácil possível.
Preencher seu site com os botões “fale comigo” em todas as partes é uma ótima maneira de garantir que você não seja contatado, então você precisa ter equilíbrio no design e estar sempre disponível sem parecer desesperado.

Passo #9: Conectar Com Um Domínio

Aqui está outra grande vantagem sobre o uso de um construtor de sites: é muito fácil conectar um domínio ao seu site. Tenha um nome de domínio personalizado com um dos planos premium do Wix e está tudo certo.

Tudo que você precisa fazer para conectar um domínio ao Wix é acessar as configurações do seu site. Procure a opção “conectar um domínio” e insira o seu nome de domínio. Mesmo se você não usar o Wix, a maioria dos construtores de sites lhe dará um domínio grátis por um ano com qualquer plano premium.

Com isso você estará com quase tudo pronto. Apenas certifique-se de visualizar seu site antes de colocá-lo no ar.

Passo #10: Visualize Seu Portfólio Online

Antes de lançar seu site para o mundo, visualize-o algumas vezes. Se puder, mostre a um amigo. Peça a opinião deles. Parece bom? É a sensação que você deseja? Seu amigo o contrataria com base no seu site?

wix-mobile-editor
Faça seu site ter a melhor aparência possível também nos dispositivos móveis com o Wix.
Tenha certeza de que seu site funciona em dispositivos móveis. Os celulares correspondem a quase metade de todo o tráfego da internet, portanto, não negligencie a versão móvel do seu portfólio.

Aqui está uma rápida visualização do meu portfólio online, apenas para dar uma ideia do que você pode criar em algumas horas com o construtor de sites certo.

Wix-completed-portfolio
Nada mal, certo? Certamente é melhor do que o que eu poderia fazer com um portfólio WordPress auto-hospedado.

Tente Se Divertir

Criar meu portfólio pode não ter levado 30 minutos, como alguns artigos afirmam, mas foi rápido, e o tempo que gastei valeu a pena.

Se você está lendo isso, significa que tem orgulho do seu trabalho. Seu portfólio online é uma ótima maneira de mostrar esse orgulho para o mundo. Quando vejo meu portfólio, fico bastante animado. Acho que está ótimo e transmite minha personalidade.

Um último conselho antes de acabarmos: mantenha seu portfólio atualizado. Inclua novos projetos e reserve um tempo para atualizar a cada dois meses com novos conteúdos.

Seu trabalho evolui com o passar do tempo, e seu portfólio também deve evoluir.

FAQ

Eu preciso de um site de portfólio?

Depende da sua definição de necessidade. Você poderia sobreviver sem um? Com certeza. Você deveria ter um? Sim. Um portfólio online pode ajudá-lo a ser notado em um mar de feeds genéricos de mídia social. Também mostra que você leva seu trabalho a sério e sinaliza aos clientes que eles também deveriam fazer isso.

Felizmente, os construtores de sites facilitam muito a criação de um portfólio online. Se você não sabe por onde começar, veja nossa lista dos melhores construtores de sites em 2024.

Como faço para criar um portfólio online gratuitamente?

Existem alguns construtores de sites que oferecem planos gratuitos, como o Wix ou SITE123. Mas você não conseguirá se conectar a um domínio personalizado usando um plano gratuito, e nada afastará clientes em potencial tão rápido quanto um domínio inválido.

Se você está preocupado com o custo, você também pode conferir nossa página de cupons para conseguir as melhores ofertas nos construtores de sites.

Qual é o melhor construtor de sites para um portfólio online?

Construtores diferentes funcionarão para pessoas diferentes. Eu recomendo usar o Wix, pois seu editor oferece muito controle criativo para que você possa fazer um site único.

Para uma análise mais aprofundada, veja nossa análise de especialistas do Wix. 

O que devo colocar no site do meu portfólio?

Seu portfólio deve ter exemplos dos seus melhores trabalhos, uma página sobre para se conectar com seus visitantes, uma página de contato e uma página inicial que desperte interesse.

Você também pode incluir depoimentos de clientes anteriores e quaisquer prémios que você ganhou com seu trabalho.

Avalie este artigo
4.7 Votado por 3 usuários
Você já votou! Desfazer
Este campo é obrigatório Maximal length of comment is equal 80000 chars Comprimento mínimo do comentário é 10 caracteres
Algum comentário?
Responder
Ver %s respostas
View %s reply
Posts relacionados
Mostrar mais posts relacionados
Nós analisamos todos os comentários de usuários dentro de 48 horas, para garantir que eles sejam provenientes de pessoas reais como você. Estamos felizes que tenha achado este artigo útil - ficaríamos agradecidos se você o compartilhasse com outras pessoas.
Popup final window
Compartilhe este post com amigos e colegas de trabalho agora mesmo:

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

Uma vez por mês, você receberá dicas, truques e dicas interessantes e perspicazes para melhorar o desempenho de seu site e alcançar suas metas de marketing digital!

Que bom que você gostou!

Compartilhe com seus amigos!

Ou nos avalie em

2477357
50
5000
44099548