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

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 novembro. 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 novembro de 2019

1. Atelier 1318

Este site foi enviado por Judith Augustin. Este é um design de uma página. O menu de navegação das seções é uma lista de texto alinhado verticalmente que flutua conforme você rola. A seção do herói exibe uma imagem de plano de fundo em tela inteira em verdadeira paralaxe com um logotipo animado circulando no canto inferior direito que se sobrepõe à próxima seção. Muitas seções fornecem informações e links. As cores de fundo alternam entre preto e branco com várias seções contendo títulos estilizados e números como introdução às aulas. O trabalho é mostrado em um controle deslizante da galeria que exibe a descrição ao passar o mouse. As imagens nas galerias abrem uma aba onde você pode ver a imagem no Instagram.

Visite o site

2. Técnico Legal

Este site foi enviado por Aleksandra Palecka. Este usa muito vermelho forte para os destaques. A seção do herói mostra uma imagem de fundo em preto e branco com um CTA de um lado e uma caixa desenhada a linha em vermelho do outro com dois cantos abertos. É incrível quanto apelo visual algo tão simples fornece ao layout. As próximas seções têm um fundo com um padrão de pontos que desaparece conforme você rola. Essas seções mostram vários CTAs cercados por fotos em preto e branco com realces em vermelho. Os destaques incluem imagens com sobreposições vermelhas, divisórias, uma caixa desenhada de linha e botões. Este mesmo desenho de caixa é usado para numerar os marcadores. A sobreposição vermelha também é usada para criar um CTA de chamada. Eu amo o uso de vermelho neste.

Visite o site

3. The Ridge Community Church

Este site foi enviado por James Smith. Ele reproduz um vídeo de fundo em tela inteira com um logotipo grande e o slogan na sobreposição. O mega-menu é colocado à esquerda, enquanto a direita inclui links sociais para seguir e alguns CTAs com ícones acima do texto. Os links aparecem na parte inferior do vídeo e incluem sobreposições de foco. Uma seção de boas-vindas exibe um vídeo integrado e um evento com um link para ver mais de ambos. Os eventos são exibidos como cartões em um controle deslizante. Os próprios eventos na página Eventos são exibidos como tipos de postagem personalizados com mais na barra lateral. As crenças são mostradas em acordeões. Eu gosto dos destaques vermelhos neste.

Visite o site

4. Alight Media

Este site foi enviado por James Smith. A seção principal exibe um controle deslizante de largura total com um divisor curvo e navegação vertical estilizada. Vários slides têm imagens que se sobrepõem ao divisor. Os serviços são mostrados em sinopses e incluem ícones personalizados de duas cores. O mega-menu inclui os mesmos ícones com os mesmos títulos das sinopses. Outro controle deslizante mostra os projetos recentes. Este controle deslizante possui uma divisória curva na parte superior e exibe os slides com cantos arredondados. Um controle deslizante menor mostra os logotipos do cliente dentro de blocos de cores escuros o suficiente para se destacarem do fundo. As páginas de serviços exibem exemplos com uma grade de galeria.

Visite o site

5. Doctor Life Health

Este site foi enviado por Oskar Kopec. Os produtos e um CTA são exibidos em um controle deslizante de largura total na seção do herói. Os slides incluem imagens de fundo nas laterais que fazem as imagens se destacarem. A próxima seção mostra alguns CTAs para vários produtos. Esses CTAs têm uma sombra que aponta para dentro, fazendo com que fiquem separados um do outro, embora estejam conectados. As próximas seções mostram os produtos como imagens menores dentro de controles deslizantes. Uma seção de informações mostra imagens com descrições nas sobreposições. A página de artigos mostra imagens para categorias com sombras de caixa e inclui títulos e descrições.

Visite o site

6. Meios de comunicação em conjunto

Este site foi enviado por Robin Kesting. Ele usa muito amarelo em negrito para ícones, links, botões e muito mais. Vários fundos têm divisórias curvas, enquanto muitas das linhas e módulos têm sombras de caixa para se destacarem. A seção do herói mostra um CTA de um lado e um gráfico do outro. Uma introdução é fornecida com um vídeo incorporado e um bloco de texto estilizado. Um conjunto de sinopses numeradas mostra os benefícios de usá-los. Os números são colocados atrás dos títulos. Ele também inclui uma galeria estilizada que abre a imagem no Instagram, alterna para construir o FAQ, um formulário de boletim informativo estilizado e um rodapé estilizado com um botão sobreposto.

Visite o site

7. Serviços de passeio de cães Bishopton

Este site foi enviado por Jamie Shanks. O cabeçalho adiciona uma barra ao topo da primeira imagem com um e-mail e número de telefone clicáveis. O resto da página é uma série de imagens quase em tela inteira. As imagens mostram cães brincando e incluem CTAs e outras informações nas sobreposições. As áreas onde o texto é colocado são escurecidas. O formulário de contato estilizado também é colocado sobre uma imagem de plano de fundo. Esta imagem fica ainda mais escura, mas permite que o centro apareça. O blog exibe postagens em cartões e inclui uma sombra de caixa para os botões de ler mais. As páginas de categoria do blog incluem um recurso de pesquisa. Ele ainda inclui um gráfico de uma pata apontando para cima para o botão de trás para cima.

Visite o site

8. IWOOD

Este site foi enviado por Julien Ferla. O menu inclui blocos de cores para destacar os CTAs. Tem uma seção de heróis interessante que é realmente divertida de jogar. O texto do título e a imagem de fundo se movem em reação ao mouse. Três pontos circulados (duas cores) permanecem no lugar. Cada um dos pontos é colocado sobre um dos itens na imagem e eles revelam o nome dos itens ao passar o mouse. Uma pequena seção fornece links para as políticas e a loja. Em seguida, há várias seções grandes de texto. O texto inclui várias palavras em rosa e as seções do texto são separadas umas das outras com divisórias alternadas. Grandes seções sobre os produtos mostram texto, imagens e controles deslizantes. Eles incluem CTAs finos que correspondem ao que está sob o cabeçalho. Este faz uso elegante de texto e cor.

Visite o site

9. Cody Goodin

Este site foi enviado por Nicole Marie Zinnanti. Este site usa muito espaço em branco e um design minimalista para apresentar um layout limpo. A seção do herói inclui um CTA de um lado sobre um fundo padronizado. A próxima seção mostra um gráfico de um lado e um CTA do outro. Gosto especialmente da seção de habilidades. Ele mostra as habilidades em duas colunas que se alternam. Cada um possui um ícone de duas cores para cada um dos segmentos com o título e a descrição abaixo deles. As habilidades são listadas no outro lado em um tipo diferente de fonte. Uma seção Sobre finaliza o site com uma divisória estilizada e um gráfico. O rodapé personalizado coloca links em ambos os lados.

Visite o site

10. Elsebeth Egholm

Este site foi enviado por Rikke Ekelund. A seção principal mostra uma imagem de fundo padronizada em paralaxe com a imagem de um livro e um CTA sobre um conjunto de resenhas na sobreposição. Outros livros são mostrados em um layout alternativo com links para ler mais. Uma seção sobre o autor mostra as informações de um lado com um link para ler mais e uma imagem do outro. Todas as informações de contato são colocadas sobre uma foto em tela inteira do autor. Gosto das páginas dos livros. Eles mostram o livro de um lado e uma descrição do outro, ambos sobre um fundo escuro que ajuda a definir o tom do livro. O site inclui um botão voltar ao topo estilizado e uma barra deslizante estilizada à direita. Eu amo os destaques vermelhos.

Visite o site

Conclusão

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