Divi Design Showcase: novas inscrições de abril de 2019

É hora de mais uma vez para nosso Divi Showcase mensal, onde daremos uma olhada em 10 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 abril. 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 abril de 2019

1. Motion University

Este site foi enviado por Andrew Bartlett. O site usa um fundo escuro com texto branco com destaques amarelos e alaranjados (tecnicamente é marrom sujo). Todas as imagens de fundo são escuras. A seção hero mostra uma imagem de fundo que descreve o site. O texto na sobreposição inclui uma frase de efeito e CTA à esquerda e um botão de reprodução à direita. O botão de reprodução muda ao passar o mouse e abre um vídeo em um pop-up quando clicado. Outras seções mostram informações em duas colunas com texto e imagens. O layout alterna conforme você rola. Entre as seções, há pequenas miniaturas com balões de fala para depoimentos. Um CTA de largura total fornece uma imagem com um formulário de inscrição. Mais balões de fala de testemunho criam um rodapé revelado.

Visite o site

2. JD Designs

Este site foi enviado por James Dawson. Ele exibe um controle deslizante de tela inteira com imagens de fundo e sobreposições escuras. As sobreposições usam texto grande para descrever o site e fornecer um CTA. A rolagem revela outra seção com texto grande sobre um fundo branco que descreve a empresa. Os serviços são apresentados em texto com um divisor de pontos interessante entre o título e a descrição. A seção do portfólio mostra imagens com sobreposições. Esta seção usa divisores de seção ondulados e um fundo cinza que se destaca o suficiente do resto do layout. Várias outras seções usam esse design, mas com fundos azuis. Eu gosto da seção com logotipos de clientes extra grandes. Eles são mostrados em cinza escuro em quatro colunas.

Visite o site

3. Swwwish

Este site foi enviado por Daniel Neumann. O site exibe um fundo de tela inteira com uma sobreposição azul escura e um CTA em texto branco de um lado. Os serviços são mostrados em sinopses com uma caixa de sombra e ícones animados. O padrão de fundo é visto na sinopse. Passar o mouse intensifica o efeito de sombra da caixa para que eles se destaquem e tornem a sinopse totalmente opaca. Várias seções de duas colunas alternam seus layouts com texto de um lado e imagens do outro lado. O texto nessas seções mostra ícones animados e texto destacado. A página de preços faz excelente uso de um design simples em azul e branco com tabelas de preços brancas. Gosto do brilho vermelho dos botões da tabela de preços. Os destaques vermelhos trazem cor suficiente e se destacam perfeitamente.

Visite o site

4. Instrumentos HH

Este site foi enviado por Mathias Rue. O site usa um fundo gradiente de laranja a vermelho com ícones para criar um projeto de engenharia. A sobreposição exibe informações da empresa, botões e um recurso de pesquisa de um lado e um formulário de contato do outro. O menu suspenso inclui um botão de largura total para a página de contato. Logotipos de parceiros são exibidos em um controle deslizante com um link para a página do fornecedor. Blurbs são usados ​​para links para serviços e informações. Eles incluem imagens de 2 cores como ícones e têm uma borda interessante para destacar as sinopses. Uma seção de referências usa um design semelhante, mas eles são muito maiores e incluem logotipos de clientes para as imagens. O design também é usado para a seção do blog. O layout também inclui artigos incorporados do LinkedIn sobre o mesmo plano de fundo da seção de herói.

Visite o site

5. IQ Animation Studio

Este site foi enviado por Saurabh Patil. A seção do herói mostra o slogan, as informações e o CTA de um lado e um gráfico animado do outro lado sobre um gradiente de fundo azul escuro. O gráfico animado é divertido de assistir. Eu quero um desses distribuidores de café. Um azul ainda mais escuro é usado para o resto dos fundos e para os botões. Quatro colunas de sinopses mostram ícones animados com um título. Eles usam um fundo azul escuro e uma borda cinza clara o suficiente para ficarem separados um do outro. Passar o mouse sobre qualquer uma das sinopses transforma seu fundo em laranja. Projetos semelhantes são usados ​​para outras sinopses que fornecem informações. Uma seção interessante sobre mostra uma animação sobre uma bela arte em paralaxe. As páginas também mostram uma animação legal de carregamento.

Visite o site

6. Senhorita Jardim de Infância

Este site foi enviado por Chris Cadalzo. O site exibe um logotipo extragrande no centro, abaixo do menu. A próxima seção usa separadores de seção ondulados para a parte superior e inferior - cada um com um design diferente e em vários tons da cor de fundo. Esta seção também mostra os tópicos como imagens quadradas que diminuem o zoom e mudam suas bordas ao passar o mouse. Uma seção de recursos e a seção de blog (mas com imagens mais altas) usam o mesmo design. Uma seção sobre mostra o proprietário do site em uma imagem circulada e o mesmo estilo de fonte com script do logotipo. O formulário de inscrição mostra o brinde com a fonte com script do título. O blog e a barra lateral também são estilizados para combinar com o design da marca do site.

Visite o site

7. Delmain

Este site foi enviado por Jake Braught. Um fundo de vídeo é reproduzido atrás da sobreposição com a frase de efeito. A rolagem revela ícones multicoloridos para os serviços para tipos específicos de clientes. Uma seção semelhante de serviços é exibida na parte inferior da página. Um depoimento é exibido em largura total sobre um fundo verde com divisórias de seção em ângulo. Esta seção se destaca perfeitamente. Uma seção maior de depoimentos aparece na parte inferior do layout em várias colunas com cores alternadas e imagens estilizadas. Várias seções mostram histórias de clientes com um vídeo incorporado e estatísticas em texto grande e um link para mais informações. As imagens dos vídeos mostram os sites em vários dispositivos. A aproximação do rodapé começa com uma montanha em paralaxe atrás de um recorte de montanha, um formulário de contato com divisores de seção em ângulo e uma seção que mostra logotipos de sites de avaliação com um contador de estatísticas.

Visite o site

8. Supa International

Este site foi enviado por Ben Dale. Este é um design de 2 páginas. As etiquetas dos produtos são mostradas no fundo em paralaxe com um slogan e CTA na sobreposição. A próxima seção mostra informações detalhadas de um lado em uma fonte menor e uma declaração abreviada em um texto maior do outro. As próximas seções mostram imagens dos produtos com títulos e texto. As imagens são deslocadas verticalmente umas das outras, dando ao design um estilo visual interessante. Os serviços são mostrados com imagens que incluem sobreposições com títulos e texto numerado. Mais produtos são exibidos na grande galeria de 4 colunas. Este site faz ótimo uso de imagens e textos de títulos grandes.

Visite o site

9. Herói para você

Este site foi enviado por Bram Chauvin. Este site faz um uso interessante de gráficos. A seção herói usa um divisor de seção superior que define o estilo do cabeçalho. O texto do título é grande e exibe uma frase de efeito e vários botões. O plano de fundo é mostrado em paralaxe real e inclui nuvens que são sobrepostas pelo divisor de seção de nuvem da próxima seção. O Blurbs mostra serviços usando gráficos circulados. Os botões nas sinopses se sobrepõem às sinopses. Gosto do CTA que mostra um grande gráfico de um smartphone de super-herói. O rodapé também é interessante. Ele mostra um fundo gráfico em paralaxe real com um divisor de seção em ângulo e um CTA de contato na sobreposição. O blog segue o mesmo design e usa os elementos de cabeçalho e rodapé.

Visite o site

10. VS & Assemble

Este site foi enviado por MJ Swart. Este site faz uso interessante de elementos gráficos e grandes blocos para criar o layout. A seção do herói usa um fundo escuro com blocos de cores diferentes, pontos e texto vertical para criar padrões visuais. Esses padrões acompanham o restante do layout. As próximas seções usam um layout de várias colunas com blocos de cores para os planos de fundo, títulos estilizados, títulos extragrandes e controles deslizantes para mostrar seus serviços, informações sobre a empresa, experiência, cultura, escritórios e muito mais. Clicar no link de contato no menu abre um formulário de contato no menu. Eu amo o uso de cor, texto e controles deslizantes neste site.

Visite o site

No Fechamento

Estas são as nossas 10 melhores inscrições para o site da comunidade Divi no mês de abril. 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, 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 email “ENVIO DO SITE DIVI”.

Também gostaríamos de ouvir de você nos comentários! Diga-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 MSSA / shutterstock.com