10 Divi Sites com páginas de portfólio legais

A página de portfólio é uma das páginas mais importantes para quem presta um serviço. Ele não apenas demonstra o tipo de trabalho que você faz, mas também mostra ao visitante seu nível de especialização e aos clientes com os quais já trabalhou. As páginas do portfólio podem ser projetadas de muitas maneiras diferentes. Neste artigo, veremos 11 sites Divi com páginas de portfólio interessantes para ajudar a inspirá-lo para o seu próximo design Divi.

As páginas do portfólio geralmente incluem o portfólio padrão, portfólio de filtro ou módulos de portfólio de largura total. No entanto, existem outras maneiras de exibir seu portfólio. Alguns constroem o portfólio com elementos como imagens, sinopses ou galerias. Claro, isso tem que funcionar bem dentro do layout da página. Veremos exemplos de cada um.

Vou mostrar uma imagem da seção que gosto e discutir o que gostei nela. Os sites não estão em uma ordem específica. Aguarde até o final por alguns links para ajudá-lo a aumentar o nível de sua página de portfólio usando Divi.

1. Boon Creative

Este site exibe uma lista de serviços que abrem alternadamente na seção do herói seguida por uma seção de largura total para mostrar uma citação. A seção do portfólio mostra as categorias dos serviços, nome do cliente e descrição do cliente à esquerda e imagens do projeto à direita. Cada um dos itens do portfólio são separados por uma divisória fina. Exemplos de sites incluem links para visualizar o site ao vivo.

Veja o site

2. roundpeg

Este site mostra os itens do portfólio em três colunas e inclui uma seção em uma única coluna. As três seções da coluna colocam uma sobreposição sobre as imagens de cada projeto com o logotipo do cliente em branco. Ícones brancos desenhados em linhas nos cantos inferiores mostram a categoria do projeto. A seção de coluna única mostra uma imagem do projeto com texto e um botão sobre um fundo padronizado. Na terceira seção, ele fornece links para ver mais em cada categoria.

Veja o site

3. Leo Whou Teng

Esta página coloca os itens do portfólio em um layout de várias colunas, sem espaço entre as imagens. Passar o mouse sobre qualquer um deles revela uma sobreposição azul sobre a imagem e uma caixa na parte inferior que mostra o nome e as categorias do projeto. O portfólio inclui duas e três colunas e alterna o layout. As imagens usam diferentes fundos e mostram as imagens dos projetos em diferentes tipos de dispositivos. Este site faz um excelente uso da cor.

Veja o site

4. Studinger Media Graphics

Este site apresenta a página do portfólio com o logotipo, o nome e o título da página da empresa sobre uma imagem de fundo elegante que mal aparece através da sobreposição em preto e branco. A seção do portfólio usa botões estilizados para o filtro e mostra os projetos em uma grade de três colunas. Pairar gira a imagem e fornece um link. A página também inclui uma frase de chamariz, formulário de contato e um rodapé revelador com um código QR e botões sociais para seguir que correspondem à marca do site.

Veja o site

5. Catherine Cliffe

Esta página de portfólio mostra uma imagem em tela inteira com título e descrição em uma sobreposição em paralaxe. A rolagem revela uma seção de texto com o nome e a localização do projeto e os nomes das pessoas envolvidas. Em seguida, há uma galeria que inclui imagens em tela inteira e uma grade de três colunas. Outros projetos seguem um padrão semelhante com imagens mostradas em uma grade de duas ou três colunas.

Veja o site

6. Super Divino Web Design

Este numera cada projeto e exibe uma imagem que inclui o logotipo da empresa e os serviços prestados, o título do projeto com uma fonte manuscrita, uma breve descrição do projeto e um botão para ver o projeto ao vivo. O texto do título, a borda e as cores dos botões correspondem à marca do site. A seguir, está um CTA para um aplicativo de reserva online.

Veja o site

7. Obtenha Web Design

Esta página de portfólio carrega imagens de projetos semelhantes ao Pinterest. Eles são exibidos em uma grade de 4 ou 5 colunas (dependendo do tamanho da tela e do nível de zoom). Passar o mouse sobre qualquer projeto revela uma lupa. Clicar aqui abre a imagem em uma mesa de luz. Muitas das imagens são layouts completos de sites, enquanto outras são a área principal.

Veja o site

8. Caporal Marketing Digital

Esta página de portfólio exibe uma imagem de largura total com título, slogan e botão com uma borda interessante que corresponde às cores da marca do site. A rolagem revela o portfólio filtrado em uma grade de três colunas. O portfólio mostra os logotipos do cliente em monocromático que aparecem em cores ao pairar. Eles também incluem o nome do cliente e o serviço prestado. A linha à esquerda exibe os nomes das redes sociais em texto orientado lateralmente. Eles permanecem na tela durante a rolagem.

Veja o site

9. The Mighty Fox

Esta página é apresentada com um fundo de largura total com uma sobreposição escurecida e uma fonte elegante para exibir o título da página. O portfólio filtrado exibe os logotipos do cliente em preto e branco. Passar o mouse sobre qualquer um dos projetos traz uma sobreposição da direção de onde o mouse veio. A sobreposição exibe o nome da empresa e os serviços fornecidos junto com um link para ver o projeto ao vivo. Isso é seguido por um CTA, uma seção de duas colunas com uma imagem de fundo em paralaxe e um controle deslizante de depoimento, botões sociais para seguir e um feed do Instagram.

Veja o site

10. Waka

Este foi desenvolvido primeiro para dispositivos móveis. A página é apresentada com uma grande seção com texto extragrande que inclui um título e uma descrição. A rolagem e o ticker aparecem na parte inferior da página e permanecem na tela neste local. O cursor muda para uma seta grande e muda para uma mão grande quando você passa o mouse sobre uma imagem. Os projetos são exibidos em duas colunas. A página também inclui uma lista de serviços, formulário de contato e opção de inscrição no boletim informativo. O rodapé é revelado em um pergaminho e exibe o vídeo que mostra a seção recortada do texto.

Veja o site

Reflexões finais

Esta é a nossa visão dos 11 sites da Divi com páginas de portfólio legais para ajudar a inspirá-lo para o seu próximo site da Divi. Existem muitos artigos aqui no blog do ET que se concentram especificamente em portfólios ou elementos como sinopses, imagens ou galerias.

Aqui estão apenas alguns:

• Como usar um portfólio filtrável e pós-navegação para organizar estudos de caso com Divi
• 3 lindos layouts de página de projeto gratuitos (e como construir mais com o Divi Builder)
• Como Usar Divi Leads para Medir a Eficácia do Site do Seu Portfólio
• Como criar uma página inicial de portfólio mínimo com Divi
• Usando Filtros, Seções Hero e CTA's para Expandir uma Página Inicial de Portfólio Mínimo
• Download grátis do Divi: Pacote de layout do portfólio da página inicial
• Download grátis de Divi: Pacote de Layout de Portfólio de Página Única Criativa
• Usando Divi's Fold Animation para fazer Blurbs Bloom
• Como adicionar efeitos avançados de foco ao módulo Blurb da Divi usando o arquivo Hover.css
• 5 maneiras divertidas de estilizar o módulo Blurb da Divi
• Criando uma escala de cinza para uma galeria colorida com o módulo Divi Gallery
• Como criar um efeito de sobreposição exclusivo com imagens de fundo
• Como usar as novas opções de filtro da Divi para embelezar suas imagens

Nós queremos ouvir de você. Quais destes sites com páginas interessantes de portfólio são seus favoritos? Deixe-nos saber nos comentários.

Imagem em destaque via Graphic farm / shutterstock.com