Divi Design Showcase: novas inscrições de julho de 2021

Chegou a hora do nosso Divi Showcase mensal, onde damos uma olhada em dez incríveis sites Divi feitos por membros da nossa comunidade. A cada mês, apresentamos os melhores sites Divi que foram enviados por nossa comunidade e hoje queremos compartilhar com vocês os dez melhores sites do mês de julho. Ao longo da postagem, destacarei alguns dos meus recursos de design favoritos que me atraem para cada um dos sites.

Espero que você goste deles!

Divi Design Showcase: novas inscrições de julho de 2021

1. Stratton Craig

Este site foi enviado por Piers Elliott. Ele tem muitos destaques em vermelho para texto, links e botões, junto com um pouco de azul escuro em todo o site. As seções incluem fundos brancos ou verdes muito claros que funcionam muito bem com o vermelho e o azul. O mega menu inclui um fundo verde claro com um CTA de contato e links em várias colunas. A seção do herói exibe um vídeo incorporado. As seções de estudos de caso e serviços exibem pequenas linhas com uma imagem de um lado e as informações do outro. Eu gosto da seção do blog. As postagens mostram os títulos, que são separados por espaços em branco e uma única linha horizontal. Outra coisa que achei interessante é que ele não tem uma barra de rolagem.

Visite o site

2. Mike, o Freelancer

Este site foi enviado por Mike McManus. Este faz um uso interessante de tipografia e fundos cinza. A seção do herói mostra uma imagem de um lado com um canto inferior arredondado. Está desconectado do texto do outro lado, que se sobrepõe a um fundo cinza. Pequenos botões amarelos são usados ​​em todo o site e correspondem ao amarelo no menu. Os projetos são exibidos como postagens com uma imagem de um lado e o trecho do outro. Gosto da seção de sinopses que são separadas por bordas que tocam apenas em outras sinopses. O design do site tem uma aparência de código que se destaca e funciona perfeitamente para ajudar a descrever o site. O site também tem um design de blog interessante.

Visite o site

3. dajo criativo

Este site foi enviado por David King. Este faz um excelente uso do verde em todo o site para a marca. A seção do herói inclui a imagem de um pote de picles que se amplia na tela conforme você rola. O site é apresentado com texto extragrande. Muitos dos elementos incluem animações de foco ou rolagem. Alguns dos fundos estão em paralaxe e mostram imagens do estúdio. Uma das minhas seções favoritas mostra sinopses com ícones relacionados ao design de tipografia. Outro dos meus favoritos mostra texto extragrande que diminui o zoom conforme você rola. Também gosto dos exemplos de trabalho exibidos em um layout com várias colunas. Eles incluem sobreposições verdes para o efeito de foco da imagem.

Visite o site

4. Fonte de TI segura

Este site foi enviado por Michael White. Este usa muito laranja e vermelho como destaques para o logotipo, uma barra vertical na seção do herói, números, links, ícones, sobreposições e uma borda horizontal. Muitas das seções incluem padrões nos planos de fundo que são apenas perceptíveis. Alguns incluem texto que descreve a seção. Gosto da seção que detalha sua abordagem. Inclui sinopses numeradas com animações e sobreposições. Eu também gosto da página de recursos. Ele mostra postagens de blog com imagens em destaque com animações flutuantes, o título e a categoria. Eles são curtos e largos, e são colocados em duas colunas que dão ao blog um design limpo.

Visite o site

5. Studio Vitas

Este site foi enviado por Simone Vitas. Este tem muitas animações interessantes em foco por todo o site. O cursor do mouse muda para um triângulo estilizado que permite a exibição do plano de fundo. Conforme você passa o mouse sobre algo clicável, o triângulo é preenchido, o plano de fundo aparece e as cores são invertidas. Os elementos clicáveis ​​mudam para um vermelho escuro que se destaca. As fontes do menu de cabeçalho e hambúrguer são particularmente elegantes. Adoro as animações em bloco que revelam os elementos da página à medida que carrega. Também gosto do uso de imagens interessantes para os exemplos de trabalho. Uma frase de chamariz exibe uma grande versão do triângulo ao passar o mouse e leva você a um grande formulário de contato com o estilo do site.

Visite o site

6. Surfe na Indonésia

Este site foi enviado por Lokesh Mangyan. Este faz um uso interessante de notações. Muitos dos elementos incluem texto inclinado com uma seta apontando para o elemento. O texto fornece dicas de como usar o site. Vários apelos à ação são colocados em toda a página inicial e funcionam bem com o design do site. CTAs incluem botões, pequenos banners e uma seção de largura total que exibe um texto grande sobre um fundo castanho com uma imagem e um botão em primeiro plano. Também inclui um CTA para a versão do aplicativo das ferramentas do site. Vários tons de bronzeado são usados ​​como cores da marca que funcionam bem com o tema praia. Uma seção de sinopses revela suas bordas ao pairar e inclui ícones tan. As resenhas são mostradas como pequenos trechos com classificações de estrelas na seção de heróis e em um controle deslizante de depoimento. Eu amo o uso de mapas neste site.

Visite o site

7. Kal Digital

Este site foi enviado por Petros de Kal. Este faz um uso interessante de fundos e tipografia. Ele exibe uma bolha animada vermelha brilhante atrás do título na seção de heróis. A bolha permanece no lugar conforme você rola para as próximas seções e muda para uma forma diferente até se tornar o plano de fundo completo. Em seguida, ele muda para cinza e volta para uma bolha e, em seguida, para um fundo preto. Ao longo do caminho, o primeiro plano mostra informações, serviços com gráficos em estilo cartoon de um lado e informações do outro. A seção cinza exibe um gráfico de uma tela de computador com sinopses em ambos os lados. Outras páginas usam um design semelhante com cores diferentes. Também gosto da caneta animada na página de contato.

Visite o site

8. Robinson MD

Este site foi enviado por Jonathan Morey. Ele usa cores claras como destaques e elementos de fundo em todo o site. As ferramentas de acessibilidade são colocadas em um ícone que está sempre ao alcance. Várias das seções exibem duas colunas com uma imagem de um lado e texto do outro. Algumas das imagens incluem blocos de cores atrás de dois de seus cantos. Blurbs incluem ícones especializados que funcionam muito bem para o gênero do site. Uma seção de sinopses inclui cartões que rolam mais rápido do que o fundo e uma sinopse ao lado. Um formulário detalhado próximo ao rodapé corresponde ao estilo do site. A página do blog segue o mesmo design e inclui uma busca com sugestões e cartões de blog estilizados.

Visite o site

9. Parceria Internacional de Orçamento

Este site foi enviado por Rajan Zaveri. Ele usa muitos tons de terra em todos os elementos. Muitos dos títulos incluem realces desenhados que parecem um marcador. Alguns dos planos de fundo incluem mapas desenhados à mão. Gráficos desenhados à mão de pessoas flutuam ao lado do texto. O menu tem botões estilizados. Um índice analítico é criado em uma alternância. Ao longo da esquerda está um sistema de navegação de pontos estilizado que aparece quando você rola a seção do herói. O cabeçalho mostra o nome de cada seção. Gosto especialmente da seção com números em uma grade. Os números são separados por bordas grandes. No centro da grade estão pequenos blocos de texto com títulos. Passar o mouse sobre um dimensiona para o tamanho real, revelando informações e uma sobreposição que é exibida sobre o número. Um botão para um mapa de dados adere à parte inferior e abre um pop-up.

Visite o site

10. Nyansa

Este site foi enviado por Christina. Este usa vários tons de verde como cores de marca em todo o site, incluindo o logotipo. A seção principal coloca uma sobreposição verde sobre uma parte da imagem de largura total e inclui um CTA. Outra seção sobrepõe um bloco de texto sobre uma imagem e inclui um título com um fundo verde. Eu gosto especialmente da seção de 5 sinopses que incluem ícones verdes circulados dentro de quadrados virados em seus cantos. Uma seção de informações usa cartões com diferentes tons de verde que vão do escuro ao claro. Os ícones sociais no rodapé seguem a mesma sequência. A seção do blog usa uma borda inferior verde escura para os cartões. O controle deslizante de testemunho inclui um fundo verde para o texto e uma borda branca espessa que se destaca da imagem de fundo grande.

Visite o site

Até o próximo mês!

Estas são as nossas 10 melhores inscrições para o site da comunidade Divi no mês de julho. Esses sites estão incríveis e, como sempre, queremos agradecer a todos por seus envios!

Se você gostaria que seu próprio design fosse considerado, por favor, sinta-se à vontade para enviar um e-mail para nosso editor em nathan em elegant themes dot com. Certifique-se de deixar o assunto do e-mail “DIVI SITE SUBMISSION”.

Também gostaríamos de ouvir de você nos comentários! Conte-nos o que você gosta nesses sites e se há algo que eles fizeram que você gostaria que ensinássemos no blog.

Imagem em destaque via pikolorante / shutterstock.com