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

Chegou a hora do nosso Divi Showcase mensal, onde damos uma olhada em 10 sites da Awesome Divi feitos por membros da nossa comunidade. A cada mês, apresentamos os melhores sites Divi enviados por nossa comunidade e hoje queremos compartilhar com vocês os dez melhores sites do mês de setembro. 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 setembro de 2019

1. A Noiva Errante

Este site foi enviado por Kelsey Spectre. Ele enquadra o layout com arte floral. O cabeçalho coloca o menu de hambúrguer à esquerda e um CTA à direita. Um controle deslizante mostra fotos das configurações e inclui navegação posicionada verticalmente. Um módulo de texto se sobrepõe a isso e fornece informações sobre a empresa com um link estilizado abaixo para ver os serviços. Abaixo disso, há uma seção com um slogan em uma fonte elegante. Uma seção com informações sobre inclui uma imagem que se sobrepõe à seção anterior. Os depoimentos são mostrados em uma seção de largura total com o nome de um lado. Gosto do CTA na parte inferior, que segue o mesmo design do resto do site e inclui um módulo de texto com palavras como um cartão. Um rodapé personalizado inclui um feed do Instagram incorporado.

Visite o site

2. RHN CPA

Este site foi enviado por Guillaume Bourdages. A primeira coisa que notei foi o menu. Os elementos do cabeçalho estão bloqueados e inclui um CTA, mas o que se destaca é o mega menu. Passar o mouse sobre um item de menu exibe uma seção de largura total com uma imagem de um lado, uma descrição com um botão e várias colunas de links de texto. A seção principal mostra uma imagem em tela inteira com um slogan em letras grandes com uma descrição e CTA. A rolagem mostra um grande gráfico com um CTA. Gosto da seção Locais que mostra fotos como cartões com o nome na sobreposição. Várias seções de tela inteira têm imagens de um lado e informações do outro. Os depoimentos são exibidos em um controle deslizante de tela inteira. Ele também tem uma seção de contato estilizada e um rodapé personalizado com uma imagem.

Visite o site

3. Airisa

Este site foi enviado por Kristy Hill. Este tem um layout simples e exclusivo. A seção do herói é dividida em quatro colunas. O primeiro exibe o logotipo. As próximas três imagens de exibição para as categorias. Os nomes das categorias aparecem acima deles. Clicar no nome ou imagem leva você a uma galeria dessa categoria. A próxima seção fornece informações sobre o fotógrafo e inclui uma imagem circulada com uma máscara de texto. Em seguida, vem um feed do Instagram incorporado e, em seguida, o logotipo com botões sociais para seguir. As páginas da galeria mostram as imagens em um mosaico e incluem filtros que se parecem com um menu secundário no menu principal.

Visite o site

4. Aranzer

Este site foi enviado pela Aranzer Construction. A seção do herói exibe imagens e gráficos em várias camadas que seguem o cursor do mouse conforme você se move pela tela. A seção Saiba mais sobre nós inclui informações e um botão que leva à página Sobre e mostra o processo de trabalho com eles usando sinopses numeradas. Outra seção de sinopses mostra os benefícios de usar a empresa. A seção de serviços mostra CTA e imagens de trabalho. Também inclui um CTA para solicitar uma cotação logo acima de um rodapé personalizado. Um CTA de solicitação também aparece no menu. A página Blog mostra um controle deslizante de postagem dos artigos mais recentes. A página Serviços mostra muitas imagens sobrepostas em um layout alternativo.

Visite o site

5. Parque Latitude

Este site foi enviado por Rusty Rich. A seção principal inclui uma imagem de fundo e uma sobreposição de gradiente que inclui um slogan com texto extragrande de um lado e uma lista de links do outro com fundos gradientes para cada um. Os emblemas e um formulário se sobrepõem à seção do herói e fornecem informações sobre a empresa. Uma seção de sinopses funciona como CTAs. Uma seção do projeto mostra exemplos de trabalho usando imagens e títulos. Os depoimentos são mostrados em uma seção de três colunas sobre um fundo azul sólido que corresponde ao texto em todo o site. Um CTA de agendamento é colocado sobre uma imagem de fundo em paralaxe. A seção do blog mostra as três últimas postagens em cartões simples que incluem títulos azuis. As páginas fazem um excelente uso de tabelas de cores e preços.

Visite o site

6. Sarah Antwerpes

Este site foi enviado por Christian Mauerer. Este tem um design de revista interessante. A seção principal exibe uma imagem em tela inteira com o título do site e slogans em torno da imagem, os locais são listados verticalmente e um triângulo cria um depoimento inserido. A rolagem revela o menu e uma seção com logotipos de mídia onde os clientes são apresentados, um botão, um depoimento e uma imagem do proprietário do site. A próxima seção mostra uma imagem com um grande título impresso verticalmente e uma citação do proprietário. Várias seções incluem títulos grandes e muitas imagens em layouts de várias colunas ou sobrepostos, e CTAs. Eu gosto da seção de depoimentos com as imagens emolduradas, letras maiúsculas, texto que cria um fundo de paralaxe verdadeiro e um botão para ler mais.

Visite o site

7. Soluções Ultratek

Este site foi submetido por Etienne de La Ruche. A seção do herói exibe um CTA de um lado e uma imagem do outro com uma forma estilizada com três formas coloridas estilizadas atrás dela. Uma seção de produto mostra produtos com uma sombra de caixa e efeitos que adicionam uma borda ao pairar. Duas imagens maiores incluem uma borda colorida em um lado e o texto na sobreposição que corresponde à borda. Os logotipos da empresa são exibidos em uma seção estreita com uma sombra de caixa. Várias seções incluem CTAs com módulos de texto e sinopses. Eu gosto da seção na parte inferior com uma imagem que inclui uma sombra de caixa que se sobrepõe a um módulo de texto com uma mancha de cor em um canto que se sobrepõe à seção acima dela. Também gosto dos itens do menu suspenso que adicionam uma barra de cores a um lado ao pairar.

Visite o site

8. Mepack-cz

Este site foi enviado por Tomaš Orliczek. A tela é dividida em duas cores em toda a página, com preto à esquerda e branco à direita. A seção do herói exibe um robô de 6 eixos no centro com o nome do produto sobre a imagem. O texto que aparece no lado preto está em branco e o texto que aparece no lado branco está em preto. A próxima seção exibe outro robô no centro com sinopses em ambos os lados e módulos de texto no centro sobre a imagem para descrições. Outro robô se pendura neste (estilo GLaDOS) e leva ao rodapé com ícones de mídia social, que também aparecem no topo do menu quando o ícone de hambúrguer é clicado. A página de produtos mostra cada um dos robôs com fundos em preto e branco que se alternam. As páginas do produto mostram o robô com seu controlador de um lado e especificações do outro.

Visite o site

9. Objetivo Master Fitness

Este site foi enviado por Steve Lavine. A seção principal mostra uma imagem de fundo em tela inteira com texto na sobreposição. O texto usa letras interessantes que se entrelaçam. O logotipo muda na rolagem. A próxima seção exibe três imagens para ajudar nas informações sobre o propósito do site. Uma seção Sobre exibe informações com um botão de um lado e um vídeo incorporado do outro com uma linha separando-os. Depoimentos de largura total seguem isso e incluem uma imagem circulada com uma borda estilizada para combinar com o site. Gosto da seção que mostra os quatro pilares do sucesso. Ele exibe sinopses com ícones na parte superior e imagens na parte inferior, sobre uma imagem de fundo que leva à próxima seção. Uma linha do tempo é criada com imagens de um lado e marcadores do outro em um layout alternado. O logotipo aparece no meio e a cor é preenchida conforme você avança. Várias imagens vinculam as várias páginas.

Visite o site

10. Atrify

Este site foi enviado por Tobias Drevenstedt. Ele usa muitos elementos de cores e animações em todo o site. A seção do herói mostra um CTA de um lado e uma imagem do outro. Vários módulos de texto ficam sobre a imagem e fornecem especificações e outras informações sobre o produto. Um controle deslizante de logotipo sobrepõe esta e a próxima seção, que inclui um gráfico interessante para serviços. As informações são fornecidas em alternadores estilizados. Gosto do próximo CTA, com fundo escuro e cor em um canto. A cor também é usada no botão do CTA. Também gosto das sinopses de soluções. Eles incluem gráficos acinzentados que são animados e mudam para cores ao passar o mouse. Os serviços estão sendo exibidos em alternâncias que incluem a cor de um lado. As categorias dos serviços usam ícones multicoloridos. Também gosto da seção Indústrias com seu filtro estilizado.

Visite o site

Para concluir

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