Divi Design Showcase: novas inscrições de maio de 2020

Chegou a hora do nosso Divi Showcase mensal, onde damos uma olhada em oito 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 maio. 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 maio de 2020

1. Svadobna agentura Terezy Klizanovej

Este site foi enviado por Lubomir Micuch. Este site reproduz um vídeo de fundo em tela inteira e inclui um reprodutor de áudio com música que corresponde ao vídeo. O áudio está desligado por padrão e pode ser ligado facilmente. O primeiro plano também exibe o logotipo, o slogan e o CTA no centro com um separador de seção estilizado que leva à seção Sobre. Esta seção inclui algumas linhas com texto e uma sinopse em duas colunas em um layout alternado. A sinopse é estilizada com um botão sobreposto. Os depoimentos mostram imagens com um link para ler mais. Uma galeria de vídeos mostra clipes de casamentos. As perguntas frequentes são colocadas em alternadores estilizados. Adoro o rodapé personalizado com uma imagem de fundo e botões sociais estilizados. O site também inclui uma barra deslizante estilizada e um botão voltar ao topo. Sua elegância combina perfeitamente com seu tema.

Visite o site

2. Techint Labs

Este site foi enviado por Ben Schroeder. O cursor do mouse muda para um + vermelho conforme você passa o mouse em qualquer lugar da tela. A página inicial é em tela cheia com um fundo azul com um capacete espacial colocado no centro. O rosto do capacete exibe um vídeo de nuvens movendo-se sobre as montanhas. Inclui um grande texto branco com um CTA à esquerda e informações sobre a empresa com botões sociais à direita. O cabeçalho exibe o logotipo e um menu de hambúrguer. O menu é especialmente interessante. Ele exibe um fundo branco em cerca de metade da tela. Os links são palavras únicas em fontes pretas extragrandes. Eles são numerados com fontes cinza ainda maiores que ficam azuis ao pairar. Várias das páginas seguem o mesmo esquema de cores ou têm um fundo preto animado.

Visite o site

3. Marketing de Ponto Focal

Este site foi enviado por Derek Nelson. Este site usa muito texto grande em negrito em amarelo, branco e preto em todo o site. A seção do herói inclui um vídeo de fundo em tela inteira, enquanto o primeiro plano exibe um grande slogan. O menu secundário inclui um plano de fundo estilizado e a próxima seção usa o amarelo em negrito para o plano de fundo. Inclui um padrão em verdadeira paralaxe com um grande CTA e um botão de vídeo que se sobrepõe a este e à seção do herói. Adoro a próxima seção, que mostra um gráfico do ônibus espacial que se lança para cima na rolagem. Esta seção também inclui um CTA e um separador de seção de nuvem. Uma seção semelhante exibe o Erath girando ao pairar. Outros incluem exemplos animados de trabalho, projetos mostrados em ângulo, ícones extragrandes e um blog estilizado usando as cores da marca.

Visite o site

4. Festival Respirar

Este site foi enviado por Radko Sedlak. Ele usa um esquema de cores escuras com realces em vermelho e azul. A seção do herói exibe um fundo preto com uma forma azul de um lado. Uma mão vermelha é colocada no centro com um CTA sobre ela. Pequenas linhas em paralaxe real fornecem alguns padrões visuais em todo o site. A próxima seção exibe outro CTA com texto de um lado e uma imagem do outro. O texto inclui o fundo em forma de azul, enquanto a imagem é vermelha. Seu fundo preto começa a ficar azul à medida que uma seção de imagens estilizadas se vincula a postagens no Facebook. Também inclui um CTA de compra, um formulário de boletim informativo estilizado com uma imagem em paralaxe e logotipos brancos de parceiros. O menu exibe um ícone de hambúrguer que abre o menu em tela inteira.

Visite o site

5. Apenas Mente

Este site foi enviado por Chetan Gupta. Este site usa cores suaves para ajudar a informar sobre o assunto e atrair o público ideal. A seção do herói exibe um fundo branco com um CTA de um lado e uma imagem do outro lado com uma forma estilizada. Uma seção com informações sobre os cursos é exibida em duas colunas com cada coluna em uma cor de fundo diferente. Outra seção de informações exibe gráficos com as mesmas formas de recorte. Uma seção com cursos exibe um curso como um cartão com uma sombra de caixa de um lado, informações e um botão do outro lado e o título em uma fonte extragrande na parte inferior. Cada um dos cursos tem cores diferentes em um layout alternado. Blurbs fornecem informações com ícones estilizados. As informações sobre o instrutor incluem CTAs e uma imagem estilizada. Um formulário de inscrição de largura total inclui as cores da marca para os elementos e gráficos.

Visite o site

6. Testado e verdadeiro

Este site foi enviado por Mick Tilley. Ele usa muitas cores brilhantes em todo o site. A seção do herói exibe duas colunas. À esquerda está uma imagem com fundo azul. A direita mostra uma imagem com fundo rosa e tem um CTA sobre a imagem com fundo verde que se liga à próxima seção, que é um CTA para iniciar um projeto. As informações sobre a empresa incluem um título vertical e imagens que se sobrepõem. Um opt-in de e-mail com um fundo azul leva à próxima seção, que mostra os serviços dentro de sinopses com gráficos usando as cores da marca. Uma seção de portfólio mostra os projetos mais recentes como grandes capturas de tela. A seção de um cliente exibe logotipos com um depoimento sobre uma imagem de fundo. As seções de blog e contato incluem as cores da marca nas imagens, texto e planos de fundo.

Visite o site

7. Meios de artilharia

Este site foi enviado por Siscanu Mihail. Ele usa texto grande com muito preto e branco que são compensados ​​por seções amarelas. A seção hero exibe uma imagem de largura total com um grande título e slogan. Cada uma das outras seções é rotulada com uma descrição e um divisor. Uma declaração de missão é exibida sobre um padrão cinza claro seguido de informações sobre um fundo preto. Os serviços são exibidos em cartões que incluem imagens com zoom ao passar o mouse e grandes botões amarelos para ver o serviço em detalhes. Os logotipos do cliente são apresentados em preto e cinza sobre um fundo amarelo. Em seguida, há seções com um formulário de contato, o processo de trabalho e um blog - cada um com fundos alternados em cinza e preto. Os cartões de blog amarram o preto e o amarelo com botões pretos que mudam para amarelo ao passar o mouse.

Visite o site

8. Do zero

Este site foi enviado por Philipp Stakenborg. Tem muito amarelo brilhante, verde e magenta como cores de marca em todo o site. O cabeçalho exibe um fundo amarelo e os links são colocados em uma caixa branca, enquanto o logotipo e os links se sobrepõem ao cabeçalho. A seção do herói usa o mesmo amarelo para o fundo e tem um círculo verde ao lado. Em primeiro plano, há um grande título e uma frase de efeito. O texto com um fundo preto fica na parte superior e um fundo branco na parte inferior se sobrepõe ao herói e à próxima seção. Um CTA é criado com uma seção de texto que usa um fundo amarelo atrás do texto grande de um lado e um fundo branco do outro. Um design semelhante cria um depoimento com uma citação maior no topo. Blurbs com sombras de caixa nas cores da marca mostram os serviços. O formulário de contato une tudo isso com as três cores principais. Até mesmo o formulário de boletim informativo pop-up segue esse design.

Visite o site

No Fechamento

Essas são as nossas oito melhores inscrições para o site da comunidade Divi no mês de maio. 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 PODIS / shutterstock.com