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

Chegou a hora do nosso Divi Showcase mensal, onde damos 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 agosto. 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 agosto de 2019

1. Cobertura de matriz

Este site foi enviado por Christian McMinn. Ele usa uma imagem de plano de fundo em tela inteira para mostrar o tipo de trabalho que está disponível e coloca um CTA na sobreposição. As informações sobre a empresa são dispostas em duas colunas, com uma imagem de um lado e marcadores do outro. Um botão Leia mais leva o leitor à página Sobre nós. Uma seção semelhante de duas colunas mostra depoimentos com um link para ler mais. Os serviços são mostrados em sinopses com grandes ícones de uma cor. Mais links para informações são colocados nos CTAs com sobreposições escuras. O rodapé inclui um mapa de largura total em preto e branco que não rola por padrão. Gosto da página do Guia de cores que mostra a mesma casa com telhados de cores diferentes.

Visite o site

2. Grupo Brightworks

Este site foi enviado por Britt Baue. Um padrão de fundo escuro fica atrás do texto rotativo do título. Uma divisória angular separa a seção principal da próxima, que exibe texto vertical, um slogan e serviços em texto verde em negrito que aumenta o zoom ao passar o mouse. A próxima seção exibe um fundo cinza com divisórias angulares para a parte superior e inferior. O texto grande leva o leitor ao download do CTA. Uma seção de serviços também inclui texto alinhado verticalmente para o título e mostra os serviços em sinopses. Um controle deslizante de testemunho simples é introduzido com um título grande. Outra seção em ângulo mostra os logotipos do cliente. Uma seção de contato cria um CTA e fornece informações de contato. Gosto de como o logotipo é deslocado do centro no menu.

Visite o site

3. Isla

Este site foi enviado por Saskia Lund. Este site inclui uma imagem de fundo em verdadeira paralaxe na seção de heróis para mostrar os tipos de locais de férias disponíveis. A sobreposição inclui um slogan em uma fonte com script e uma caixa de pesquisa com uma guia onde você pode fazer pesquisas avançadas para acomodações específicas. Sinais altos e finos com efeitos de foco mostram imagens e uma descrição dos tipos de férias que você pode esperar. Uma seção de especiais mostra as férias em um controle deslizante. Cada um é um cartão alto com uma imagem e descrição e inclui efeitos de foco. Uma seção de aluguéis mostra os locais em um cartão que inclui a imagem, a descrição e as informações. Os eventos são exibidos em um controle deslizante de tela inteira. A seção do blog corresponde ao design do cartão alto e também inclui efeitos de foco. A página Revista exibe artigos dentro de categorias em um layout de várias colunas.

Visite o site

4. Headshed

Este site foi enviado por Gustav Espenes. Um CTA e um gráfico são colocados sobre um padrão de fundo em verdadeira paralaxe. O gráfico inclui um botão para reproduzir um vídeo em uma sobreposição pop-up. Gráficos semelhantes são usados ​​em todo o site como elementos em CTAs, sinopses e planos de fundo. O site inclui muitos divisores estilizados para ajudar a construir os planos de fundo. Blurbs são deslocados uns dos outros para criar um design vertical interessante e têm cores que se misturam ao fundo. Uma seção de perguntas exibe as respostas alternadas. Outra seção de sinopses mostra benefícios com ícones. Ele também inclui um controle deslizante de testemunho de largura total, logotipos de cliente e um formulário de contato estilizado. Gosto dos módulos pessoais de coluna única para os membros da equipe e da página do blog com seu design limpo.

Visite o site

5. Emerge Richmond

Este site foi enviado por Christian Schick. Este site usa muitos destaques verdes junto com divisórias de seção onduladas para dar ao layout um design interessante, mas minimalista. A seção hero coloca um CTA de um lado e um exemplo de produto do outro que se sobrepõe ao divisor de seção. A próxima seção mostra um produto semelhante de um lado com benefícios do outro. Outra seção mostra ícones com um fundo estilizado para criar uma flor para mostrar os serviços. Os projetos são exibidos em uma seção com várias colunas, com uma imagem de um lado e a descrição do outro. Um depoimento é colocado dentro de uma caixa que é centralizada na tela e se sobrepõe aos divisores de seção que levam ao próximo CTA. O rodapé personalizado também inclui divisórias onduladas sobrepostas por um formulário de boletim informativo. Eu gosto dos destaques verdes em todo o site.

Visite o site

6. South Service Corporation

Este site foi enviado por Mercedes Bugarin. A seção de herói inclui texto deslizante para mostrar os benefícios do serviço. Ele coloca um formulário na seção de herói com uma seleção de serviço. O formulário usa cantos arredondados de um lado e sobrepõe a imagem na seção do herói. A próxima seção mostra serviços dentro de sinopses que incluem cantos e sombras estilizados. Os logotipos do cliente são exibidos em um controle deslizante. Em seguida, há uma pequena seção com botões sociais e um botão onde os funcionários podem fazer login. O menu inclui dois CTAs diferentes. As seções são divididas com divisórias onduladas. A página Serviços segue o mesmo design e adiciona alternadores estilizados para fornecer informações sobre cada um dos serviços. As alternâncias incluem cantos arredondados de um lado para combinar com a forma. Os formulários de inscrição de contato incluem um design semelhante e se destacam com sombras.

Visite o site

7. Bungalow Social

Este site foi enviado por Kelsey Spectre. A seção do herói mostra o logotipo em um canto com gráficos semelhantes em vários cantos. Os gráficos do cabeçalho são colocados em todo o site. As informações e um CTA são colocados de um lado e um gráfico do outro. O menu principal fica nesta seção e permanece na parte superior da tela enquanto rola até esse ponto. Uma seção de introdução mostra uma imagem de um lado e um bloco de texto que se sobrepõe ao outro. Um CTA segue isso e inclui um botão com ângulos que muda ao passar o mouse. Uma seção de blog mostra postagens com cores suaves que correspondem ao site e inclui texto com script para o título. Um CTA de largura total usa as mesmas cores e gráficos como o cabeçalho e coloca o texto do título com script no fundo. Adoro o design elegante da página do Blog, que usa as mesmas cores e fontes com vários layouts.

Visite o site

8. Descargar Ecuakaraoke

Este site foi enviado por Jero Shannon. Este tem muitas animações de desenho animado por toda parte. A seção do herói mostra um desenho animado no fundo com um CTA na sobreposição. Um gráfico se sobrepõe ao divisor de seção, o que leva à próxima seção com anúncios animados que são deslocados verticalmente entre si e acompanham os divisores. Uma imagem em ângulo leva à próxima seção, que inclui um CTA de compra e um link para o blog. As avaliações com estrelas se sobrepõem ao plano de fundo e fornecem outro CTA. Um vídeo do YouTube incorporado está inclinado. Este site inclui muitos elementos angulares e divisórias, junto com vários CTAs com imagens ou ângulos coloridos.

Visite o site

9. Figuras florescentes

Este site foi enviado por Kate Britton. Inclui uma mancha de cor no fundo e um controle deslizante na sobreposição de um lado. O texto do controle deslizante se sobrepõe à imagem do controle deslizante e fornece informações e links. Os controles do controle deslizante são colocados nos cantos superior esquerdo e inferior direito. A próxima seção usa texto multicolorido e outra mancha de fundo para fornecer informações. Sinais gráficos quadrados com cores sólidas mostram títulos numerados e mudam de cor ao pairar. Outro CTA exibe uma imagem de um lado com as manchas coloridas e um CTA do outro. A seção de reserva mostra o título sobre um fundo sólido e utiliza um mapa para selecionar o local. Um CTA para download coloca a descrição em um bloco que se sobrepõe à imagem. Este usa muitas cores fortes que se destacam muito bem.

Visite o site

10. Desafio da cabeça do bloco

Este site foi enviado por Keith Green. A seção do herói exibe um bloco no fundo com um filtro texturizado para a sobreposição. O slogan usa texto extragrande. O menu inclui dois botões de call to action. A imagem do bloco se sobrepõe à próxima seção, que exibe um elemento de texto de largura total para mostrar um título de um lado e um bloco de cor do outro. Duas seções alternadas mostram uma imagem de um lado e informações do outro sobre o plano de fundo texturizado. As próximas seções de CTA incluem títulos ainda maiores com texto em bloco que é bem claro por dentro. Alguns se sobrepõem às seções. As imagens se sobrepõem a fundos com texturas ainda mais escuras. Eu amo o uso de verdes, imagens e fontes neste.

Visite o site

No Fechamento

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