É hora de arregaçar as mangas! Hoje, nos aprofundaremos na área de sites de portfólio e quais especialistas de indústria devem usá-los. Aprenda a criar um site com boa aparência que exiba de forma única seu trabalho e compreenda a importância de fazer isso. Afinal, você deseja que visitantes e clientes em potencial se lembrem de você nos próximos projetos que realizarem.

O que é um site de Portfólio?

Um site de portfólio é uma forma única de mostrar seu trabalho e permitir que outras pessoas saibam mais sobre você. É como uma plataforma sempre viva para seus projetos, casos de estudo e informações a seu respeito. Além disso, é uma das melhores formas de expressar sua personalidade, experiências e capacidades.

Ter seu próprio site significa que os clientes sempre serão capazes de te encontrar e caso se interessem, entrar em contato com você. Não ter uma presença online hoje em dia te deixa totalmente atrasado. 😉 Um portfólio é uma ótima forma de fotógrafos, designers, desenvolvedores e uma grande variedade de artistas apresentarem seus trabalhos online. Ele permite que você reflita sua identidade através de seus projetos – fotos, design gráfico, esboços, etc.

Por que você precisa de um site de Portfólio

Em poucas palavras, você precisa de um site de portfólio para mostrar seu trabalho. Seja você um indivíduo, uma pequena equipe ou uma empresa de dez pessoas, é crucial que tenha uma abordagem online única. Um site de portfólio te ajudará a se destacar na multidão, mostrar sua singularidade, construir confiança e ter certeza que as outras pessoas conseguirão te encontrar.

Existem certas áreas nas quais um site de portfólio pode ser mais importante que em outras. Se você estiver em uma das seguintes opções, é seguro assumir que precisará de um portfólio da mesma forma que um livro precisa de palavras:

  • Web design
  • Desenvolvimento web (terceirização, loja online)
  • Design gráfico (design de logo, ID corporativo, folhetos, catálogos, embalagens)
  • Marketing (marketing digital, design de impressão, otimização SEO, publicidade PPC)
  • Design de arte (ilustração, vídeo, áudio, fotografia)

Mas não para por aí, pois o mesmo é válido para designers de interior, artistas, modelos, escritores, etc. A ideia principal é que você é um criador e precisa exibir seu trabalho. Um site de portfólio permite isso seja feito com alta qualidade.

Exemplo por que você precisa de um Portfólio

O que acontece quando alguém precisa de um logo para um novo produto, serviço ou empresa? A maioria das pessoas começará com uma pesquisa simples no Google (ou receberá sugestões dos amigos, ou parceiros de negócios). Primeiro, você precisa poder ser encontrado. Para demonstrar isso pela perspectiva dos seus clientes, aqui está um pequeno experimento.

Considerando a abordagem da maioria das pessoas, usei o Google. Comecei simplesmente digitando “portfólio de designer de logo” na barra de pesquisa e esperava encontrar uma pessoa real que pudesse criar minha logo. E encontrei um monte de potenciais designers de logo que estavam disponíveis. Naveguei por seus sites e todos eles eram muito bons. Para tomar uma decisão num caso como esse, trata-se de uma questão de preferências, gostos e orçamento.

1ª página de resultados do Google para “portfólio de designer de logo”
1ª página de resultados do Google para “portfólio de designer de logo”

Como você vê, a escolha está na minha frente. Podemos escolher um único profissional ou uma agência. É possível conhecer o serviço oferecido por cada um deles, visualizando seus portfólios, ler sobre eles e estudar seu fluxo de projetos. Basicamente, os sites deles me transmitem o sentimento de quem eles são, o que fazem e o que posso esperar se eu decidir trabalhar com eles.

Agora que você conhece pelo menos um motivo pelo qual você precisa de um portfólio, chegou a hora de entender os fatores mais importantes que devem ser incluídos em seu site.

Elementos essenciais para seu site de Portfólio

Todo projeto precisa de uma fórmula – um propósito. Sem ele, será muito difícil impressionar alguém.

A fórmula básica de um site de portfólio seria incluir uma logo, um slogan, seus melhores trabalhos e informações de contato. Algumas vezes, isso funciona, mas em muitos casos essa é uma implementação muito pobre. Para destacar seu portfólio dos demais, considere incluir outros elementos-chave que vão impulsionar a experiência do usuário ao acessar seu portfólio: casos de estudo, depoimentos, blog e até mesmo o projeto que você está trabalhando no momento. Esses são elementos vitais.

Ao trabalhar no design de um site de portfólio, pense sobre os elementos que seus futuros clientes serão capazes de encontrar. Pergunte a si mesmo – qual o propósito do meu portfólio? Você deseja vender seus serviços, está procurando por um emprego e quer ser contratado, ou é um site sobre você? O foco principal do seu site de portfólio deve ser atrair a atenção dos visitantes e os elementos a seguir te ajudarão a conseguir isso.

Uma demonstração do seu trabalho

Leva apenas alguns segundos para perder a atenção de um visitante, portanto se certifique de usar esse tempo de forma inteligente. Seus clientes em potencial olharão o visual primeiro e se gostarem do que veem, continuarão procurando por mais detalhes. Em outras palavras, você precisa de uma apresentação incrível e atrativa para seus trabalhos.

Isso pode ser feito de muitas formas – apresentação de slides de fotos, apresentações em vídeo, galerias de miniaturas, etc. Por exemplo, se você for um designer de logos, certifique-se de exibir uma imagem de boa qualidade de um logo com diversas variações. Coloque o logo em produtos, cartões de visita, mostre-o em cores diferentes – isso tudo estenderá suas competências.

Dê uma olhada neste site de portfólio. Ele foi criado pelo designer e escritor londrino Tim Smith. Nele, o proprietário exibe seu trabalho usando uma galeria de miniaturas.

Website de portfólio com uma galeria de miniaturas
site de portfólio com uma galeria de miniaturas

Sua página “Sobre”

Sua página “Sobre” permite que seus clientes em potencial vejam quem está por trás do trabalho, conheçam um pouco sobre quem você é e se gostariam de trabalhar contigo. Talvez esteja se perguntando “por onde eu começo?”. Comece pelo mais essencial – você mesmo. Para tornar as coisas mais fáceis, aqui está uma lista dos elementos cruciais da sua página “Sobre”:

Seu nome

Parece óbvio, mas muitos portfólios não o informam. E se um cliente em potencial seu deseja pesquisar sobre você, como em sua página no LinkedIn, por exemplo? Olá, eu sou o Matt… é uma boa forma de continuar uma história sobre si mesmo.

Sua foto

Uma foto dá um toque mais pessoal. Coloque um retrato de você ou uma bela foto sua trabalhando em um novo projeto. Essa é a forma mais original de dar aos visitantes uma ideia de quem você é. Ela deve ser simples, mas convidativa.

Informações sobre você mesmo

Mostre sua personalidade, contando uma história sobre suas experiências profissionais e pessoais. Sua educação, o que você aprendeu a fazer, projetos nos quais adorou trabalhar, prêmios e reconhecimentos. Use essa página para exibir suas habilidades, sua forma de pensar e quais são suas paixões. Faça-o de forma simples, agradável e memorável.

Abaixo está o exemplo de uma página “Sobre” de um diretor de arte, Marcin Dmoch. Ele se apresenta usando um design com cores brilhantes e pequenos trechos de histórias que contam sua experiência profissional e seus melhores projetos. Ele também anexou um CV que pode ser baixado e impresso com facilidade ou enviado para outras pessoas. É um design limpo que contém todos os elementos-chave necessários para uma página “Sobre” eficiente.

Página “Sobre” do site de portfólio
Página “Sobre” do site de portfólio.

Casos de estudo

Casos de estudo ou apresentações são a melhor forma de demonstrar o escopo completo dos seus projetos. Cada projeto deve ter sua própria história que mostre processo inteiro, do início até o produto final. Divida o processo criativo em diversas fotos ou notas que revelem o que está por trás de cada projeto.

Dessa forma, seus visitantes podem ter uma noção de como seus projetos são e como você avançou da fase de planejamento inicial até sua conclusão. Aqui estão alguns componentes para incluir em seu caso de estudo:

  • Propósito do projeto: Por que você iniciou o projeto.
  • Objetivo: O que você realizou.
  • Abordagem: Como você realizou.
  • Duração do projeto: Quanto tempo levou.
  • Seu papel: Como você contribuiu com a equipe ou o projeto.
  • Visão geral do produto final: Imagens, vídeos, links, etc.

Aqui está um bom exemplo de como demonstrar casos de estudo de Darian Rosebrook, um web designer e consultor de marcas. Ele usa seu portfólio para apresentar seus trabalhos anteriores através de um artigo que revela a essência de cada projeto.

Caso de estudo em site de portfólio
Caso de estudo em site de portfólio.

Outro exemplo é a Kinsta. Não temos um site de portfólio, mas nossa página de casos de estudo é um bom exemplo de um design bem pensado, com a intenção de exibir os trabalhos dos quais nos orgulhamos para clientes em potencial.

Exemplo de caso de estudo da Kinsta
Exemplo de caso de estudo da Kinsta

Construir sua seção de casos de estudo requer muito tempo? Com certeza, mas é praticamente uma obrigação para qualquer site de portfólio.

Depoimentos

Ter algumas palavras dos seus clientes pode ser muito significativo para aqueles que acabaram de chegar em sua página. Você pode listar suas habilidades e informar todas as suas qualidades por conta própria, mas permitir que os outros digam isso pode ser uma influência ainda maior. Contate seus clientes anteriores e peça citações que possam ser usadas em seu site. Pessoas que gostaram de trabalhar com você terão o prazer de elogiar seu bom trabalho através de um depoimento.

Veja o exemplo abaixo da designer gráfica Francesca McWhirter. Para tornar sua página de depoimentos bastante atrativa, ela começa com uma imagem de cabeçalho dinâmica e, em seguida, continue com os depoimentos de clientes abaixo dela.

Depoimentos de clientes em site de portfólio
Depoimentos de clientes em site de portfólio

Call to Action (CTA)

Um call to action complementa o propósito do seu portfólio. Para te ajudar a apresentar um call to action em seu site, lembre-se do propósito dele. Quais são as ações você quer que seus visitantes tomem? Seu site deve oferecer várias formas que permitam que os clientes te contatem. Certifique-se incluir seu endereço de e-mail comercial, mesmo que você use um formulário de contato, já que alguns clientes preferem esse meio de comunicação ao invés de precisar preencher formulários.

No exemplo abaixo, a agência criativa Lounge Lizard oferece diversas formas para os clientes entrarem em contato. Você pode usar um endereço de e-mail ou preencher o formulário de “Solicitar um Orçamento” para receber uma proposta diretamente em sua caixa de entrada.

CTA/contato no site de portfólio
CTA/contato no site de portfólio

Blogs e canais de divulgação

Um blog é uma maneira fantástica de compartilhar o que você pensa e oferecer valor para aqueles com os quais você deseja colaborar. Criar conteúdo regularmente para o blog proporciona um motivo para os visitantes retornarem ao seu site. Também é ótimo para SEO – o Google ama conteúdo qualitativo!

Entretanto, blogs não são a única abordagem que existe. Para criar barulho ao redor do seu trabalho, as redes sociais funcionam muito bem. Por exemplo, o Instagram é uma ótima forma de exibir seu trabalho, estilo e sua personalidade única. Ele ajuda a construir confiança e aumentar a audiência relevante. Marketing de conteúdo também pode significar ter seu próprio canal no YouTube, podcast ou webinars. Selecione sua forma favorita e se expresse. A artista criativa Elsa Muse é um bom exemplo, pois ela escreve seu próprio blog e publica artigos no Instagram.

Blog de site de portfólio
Blog de site de portfólio

Não se esqueça de divulgar seu trabalho! Assim como sindicação de conteúdo, você pode fazer o upload do seu melhor trabalho para locais como Behance e Dribbble. Portanto, mesmo que você tenha um site de portfólio incrível, lembre-se de tirar vantagem das demais redes para conseguir tráfego adicional gratuito.

Behance
Behance (Exemplo: Maja Szakadát)

Detalhes extras para incluir

Seu site de portfólio pode incluir qualquer coisa. Além dos elementos-chave básicos, existem muito mais itens que podem destacar ainda mais seu site. Uma demonstração de protótipo em funcionamento, amostras gratuitas de conjuntos de ícones, softwares, temas e até mesmo plugins gratuitos.

Se você tem artigos como convidado em blogs, podcasts, imprensas, canais de entretenimento, certifique-se de mencionar todos eles. Entrevistas são ótimas de serem lidas se os clientes quiserem saber mais sobre sua personalidade e seu trabalho. Além disso, orgulhe-se das suas conquistas e não tenha medo de compartilhar detalhes sobre suas premiações.

O que você precisa para construir um site de Portfólio

Quando você estiver construindo um site, é importante se certificar de que ele seja eficiente, funcional e fácil de manter. Escolher as ferramentas certas é crucial para construir um site de portfólio com aspecto profissional. Uma das melhores e mais populares plataformas para construir sites – WordPress – é uma solução perfeita para freelancers. O WordPress te dá poder e diversas funcionalidades através de incontáveis temas e plugins.

O tema do WordPress controla o aspecto visual do seu site: o design, as cores e o layout. De modo inverso, plugins são extensões oferecidas que se unem ao núcleo do WordPress e alteram ou removem suas funcionalidades.

Elementos de páginas, como formulários de contato, apresentação de slides de imagens, barras de pop-up de marketing são partes do seu site que costumam ser criados e adicionados através de um plugin. Você não deve sobrecarregar seu site com muitos plugins, já que isso (ainda que nem sempre) torna seu site pesado e lento. Ao invés disso, você pode criar seu site WordPress usando um construtor de páginas e alguns plugins praticamente obrigatórios. Isso pode economizar tempo e te ajudar a lançar seu portfólio mais rapidamente (artistas não costumam ter muito tempo para passar desenvolvendo seus próprios sites, certo?).

Após escolher a plataforma, o próximo detalhe que você precisa é um nome de domínio e uma hospedagem. Se você for um designer freelancer, colocar seu nome no domínio pode ser uma ótima forma de estabelecer sua marca pessoal.

Uma hospedagem WordPress de qualidade, como a Kinsta, garantirá que seu site se mantenha online, seja rápido para navegar e esteja sempre disponível para seus clientes em potencial. Usar recursos inclusos na hospedagem, como uma CDN, pode ajudar a garantir que todas aquelas belas imagens de exibição carreguem rapidamente ao redor do mundo. E não se esqueça de otimizá-las!

Resumo

Considere seu portfólio como uma oportunidade para surpreender e impressionar seus clientes em potencial. Um site de portfólio permite que você mostre todo o seu trabalho em um só lugar. Isso não só é bem-visto pelos clientes, como também ajuda a te inspirar para seus novos projetos.

Informe aos outros, suas habilidades e personalidade. Expresse sua singularidade através de estudos de caso. Seja fácil de ser encontrado e se mantenha no ritmo da sua concorrência. Não há regras e vale tudo, desde que consiga fazer seus visitantes sorrirem e se lembrarem de você.

Linda Ragaine

Linda is the Marketing Manager at Visual Composer. She enjoys the interaction between creativity and technology. You can follow her on Twitter: @LindaRagaine.