Ideias para apresentar seu trabalho de portfólio online

Um portfólio online é principalmente orientado a conteúdo, onde o usuário tem que tomar a iniciativa de navegar pelo site. Seu objetivo é apresentar seu trabalho de forma clara e incentivar os usuários a clicar.

Neste post, gostaria de compartilhar algumas técnicas para ajudar os visitantes a se aprofundarem no trabalho do seu portfólio. Existem muitas maneiras diferentes de fazer isso, algumas pessoas apenas adicionam páginas estáticas, enquanto outras adicionam apresentações de slides e estudos de caso completos.

Concedido o tipo de trabalho que você faz desempenhará um fator importante no design do seu site. Mas essas dicas são universais e podem ser aplicadas a qualquer site de portfólio na rede.

Categorias dinâmicas

Se você fizer muitos tipos diferentes de trabalho, tente adicionar tags de classificação dinâmica à página do portfólio. Isso permite que os visitantes naveguem pelo trabalho que desejam ver, em vez de percorrer tudo o que você fez.

Por exemplo, um designer digital pode ter muitos tipos diferentes de trabalho e cada entrada de portfólio pode mostrar um conjunto de habilidades diferente. Essas categorias podem ser divididas assim:

• Design de identidade
• Design do ícone
• Sites
• Aplicativos móveis
• Wireframe de UI/UX

Se você criar categorias dinâmicas, os visitantes poderão navegar por cada uma individualmente. Isso torna a navegação no site muito mais rápida e é a maneira mais forte de apresentar o trabalho do portfólio.

O tema Hero é um bom exemplo dessa classificação de categorias em ação. A página principal do portfólio usa links de pequenas tags perto do topo para organizar diferentes estilos de projeto.

Quando o usuário clica em um link de categoria, o portfólio oculta automaticamente todos os projetos além daqueles adicionados à categoria. Tudo isso é controlado pelo WordPress no backend, então você só precisa adicionar projetos ao seu site e organizá-los de acordo.

Muitos temas de portfólio do WordPress vêm com esses recursos por padrão e são fantásticos. Você pode ver outro exemplo no tema Beckett que usa links de texto simples.

Mas observe como ambos os exemplos são basicamente designs de tela cheia e o portfólio ocupa a maior parte do espaço na página.

As categorias dinâmicas funcionam melhor quando são fáceis de usar e navegar. Esses exemplos oferecem um ótimo lugar para começar e você pode até usar esses temas para seu próprio site, se eles se adequarem ao seu estilo de design.

Apresentações de slides de fotos do projeto

A grande maioria das apresentações de slides de projetos são usadas como elementos extras em uma página de projeto de portfólio. Portanto, essas apresentações de slides adicionam um certo nível de detalhes à página onde você pode navegar pelas fotos com o clique de um botão.

Eu gosto de apresentações de slides porque elas oferecem um vislumbre do fluxo de trabalho sem ocupar muito espaço. Mas você deve usá-los com moderação.

Às vezes, os visitantes preferem uma galeria de miniaturas para folhear de uma só vez. Mas as apresentações de slides têm seu lugar se não forem muito grandes e não tiverem muitos slides (digamos com menos de 15).

A Bramble suporta apresentações de slides de imagens nas páginas do portfólio e também são totalmente responsivas. Isso permite que você navegue pelas fotos rapidamente e possui dois métodos diferentes de navegação:

• Setas para a esquerda/direita
• Navegação por pontos para cada slide

Os usuários de smartphones ainda podem trabalhar com esta apresentação de slides com facilidade e obter o efeito completo. Mas também há um argumento para miniaturas, pois o usuário pode tocar para expandir a foto.

Sua apresentação de slides de portfólio ideal depende do tipo de trabalho que você faz. Se suas fotos podem caber em um controle deslizante horizontalmente, definitivamente considere adicionar um à sua página de projeto.

Ou você pode até adicionar um à sua página inicial, como no tema Oshine. Especificamente esta demo apresentando design de interiores e arquitetura.

Este estilo único funciona bem para fotógrafos, designers digitais e artistas digitais. Esses estilos de trabalho tendem a ser bastante grandes e se encaixam bem em uma apresentação de slides em tela cheia.

Os controles deslizantes da página inicial chamam a atenção imediatamente para que também ajudem a vender exatamente o que você faz em um piscar de olhos.

Apenas certifique-se de ler um pouco sobre carrosséis para aprender algumas práticas recomendadas para navegação e encaminhamento automático.

Caixas modais

Esta é a minha técnica preferida para apresentar trabalhos de portfólio. A caixa da janela modal aparece “no topo” da página, tornando o conteúdo acinzentado abaixo.

Isso geralmente vem na forma de uma galeria de imagens onde o usuário pode clicar (ou deslizar) por várias imagens do projeto de uma só vez. Como a janela modal aparece no topo da página, ela pode ocupar a página inteira sem incomodar o usuário com uma nova guia.

Um exemplo fantástico disso é o tema Vitae no ThemeForest. Ele vem com modais lightbox em cada página de item do portfólio, onde você pode clicar para ver uma visão maior da imagem.

Pessoalmente, prefiro o fundo mais escuro, pois isso realmente adiciona contraste entre a janela modal e o conteúdo. Alguns temas como o Vitae usam um fundo mais claro e isso também funciona bem.

O objetivo é aumentar o engajamento do usuário forçando esse modal acima de toda a página. Quando você faz isso com uma janela pop-up modal, pode ser super irritante. Mas funciona surpreendentemente bem para o conteúdo do portfólio quando o usuário o espera.

Eu recomendo isso principalmente para itens de galeria onde você tem muitas fotos que deseja apresentar em uma série. Janelas modais escuras também podem apresentar itens de portfólio completos, como o tema Honshi.

Se você tiver uma série de fotos que vão juntas em um conjunto, considere executá-las com apresentações de slides modais. Ou, se você é um designer, pode adicionar diferentes estágios do seu trabalho em uma apresentação de slides, quase como uma progressão do início ao fim.

Qualquer tipo de site de portfólio visual pode se beneficiar das janelas modais. Você só quer encontrar um tema de portfólio com esse recurso e incluí-lo naturalmente nas páginas do seu projeto.

Estudos de caso de página inteira

É sempre bom adicionar algum conteúdo escrito ao seu trabalho de portfólio. Dessa forma, os visitantes podem ter uma noção de como é o projeto, o trabalho que você fez e como você passou da fase de planejamento inicial para a conclusão.

Os estudos de caso são os melhores para apresentar uma imagem completa do projeto. Você deve naturalmente ter muitas fotos na página, mas também incluir anedotas pessoais e listas detalhando todo o seu processo criativo.

Os visitantes querem saber mais sobre o que você faz. Esses estudos de caso criam confiança e apresentam você como uma autoridade no assunto.

Mandala é um excelente tema que demonstra como os estudos de caso podem parecer simples.

A seção superior inclui uma foto de amostra do projeto, juntamente com detalhes extras, como a data do projeto, a categoria, o nome do cliente e uma breve visão geral do projeto.

Dê aos leitores a chance de espiar os bastidores e aprender mais sobre o que você faz. Os visuais ajudam, mas mostram apenas parte da história.

Ao escrever estudos de caso, você pode explicar seus problemas comuns e como os resolveu, juntamente com seu processo de brainstorming para ter ideias interessantes.

Se você faz fotografia, provavelmente não terá muito sobre o que escrever. No entanto, o tema Dazzle mostra que apenas um pouco de conteúdo pode percorrer um longo caminho.

Seu tema de portfólio vem com dezenas de estilos. Alguns têm pequenas informações sobre o projeto, outros têm mais detalhes na página do projeto. Mas, de qualquer forma, você pode aprender muito examinando os muitos estilos que esse tema oferece.

Faça estudos de caso e realmente os torne seus. Adicione apenas informações suficientes para torná-los valiosos para os visitantes sem escrever uma dissertação completa.

Empacotando

Apresentar seu trabalho de portfólio nem sempre é simples. Difere de acordo com o tipo de trabalho e quantos projetos você tem.

Mas as tendências que listei acima funcionam bem para praticamente tudo, desde design gráfico a fotografia, animação, trabalho de interface do usuário ou qualquer outra coisa. Apresentações de slides personalizadas, classificação de categorias, janelas modais e estudos de caso podem aumentar radicalmente o engajamento no site do seu portfólio.

Se você ainda não iniciou seu próprio site de portfólio, confira nosso artigo sobre como criar um site de portfólio WordPress, onde explicamos como configurar a hospedagem e um tema para seu portfólio online.