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

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 janeiro. 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 janeiro de 2020

1. Altmonde

Este site foi enviado por Daniel Behrens. Ele exibe um vídeo de fundo em tela inteira com uma frase de efeito e um CTA em primeiro plano. Em seguida, há uma seção em tela inteira com um título com efeitos de foco para apresentar a próxima seção, que é exibida em paralaxe conforme você rola o título. Esta seção exibe títulos em texto grande com efeitos de foco em um lado e um CTA no outro. A próxima seção fornece informações sobre como eles trabalham com os clientes. Isso inclui um fundo branco com desenho diagonal e texto numerado que se expande ao passar o mouse. Outro CTA aumenta e diminui conforme você rola. A página Serviços mostra cada serviço em uma tela dividida com CTAs de um lado e imagens de fundo em paralaxe do outro. Gosto do uso de texto, cor e imagens neste site.

Visite o site

2. Vemel

Este site foi enviado por Murray Price. Esta é uma loja online com um controle deslizante de imagem que exibe os produtos em largura total. Uma seção de boas-vindas mostra informações ao lado de uma imagem do produto com um link para ler mais. Uma seção da loja mostra produtos com links para as páginas dos produtos. Minha seção favorita mostra uma imagem grande do produto no centro, cercada por sinopses com descrições, ícones e setas curvas apontando para o produto. A página inicial também mostra imagens de produtos em um layout alternado, comentários em um controle deslizante de depoimento, uma seção de blog com duas postagens e um controle deslizante do Instagram. O layout inclui uma linha, um espaço em branco e linhas simples que criam um design minimalista.

Visite o site

3. Prugner's

Este site foi enviado por RAPHAEL PRUGNER. Este é um design de uma página. Um menu de várias camadas se diferencia da página e mostra um número de telefone clicável acima dos botões sociais ao lado de um CTA. A seção de herói mostra um padrão de fundo de tela inteira, enquanto o primeiro plano mostra uma tela de computador com um exemplo de trabalho e revela ainda mais ao passar o mouse ao lado de um título e slogan. A rolagem revela uma seção de recorte com texto e gráficos que rolam sobre uma imagem de fundo em paralaxe. Os benefícios são exibidos em sinopses em um layout alternado em várias seções e incluem efeitos de zoom instantâneo. Projetos de exemplo são exibidos em um controle deslizante. Outros projetos são exibidos em um feed do Instagram incorporado. Ele também mostra um CTA que amplia conforme você rola e um formulário de contato estilizado.

Visite o site

4. Lêmure Roxo

Este site foi enviado por Liam Pedley. O título, o slogan, o CTA e um exemplo de imagem de produto com um gráfico da marca de um lêmure ficam sobre um fundo preto que inclui um divisor de seção arredondado. O texto e os botões têm um gradiente roxo que corresponde aos gráficos em todo o site. Uma linha com três gráficos de lêmures é colocada acima de uma seção que mostra texto e sinopses. Clicar nos lêmures revela diferentes seções de informações com uma seta apontando para a seção. As informações da empresa são mostradas em uma seção de duas colunas com uma tela de computador de um lado que mostra uma imagem de fundo em paralaxe real. Gosto especialmente da seção de portfólio. Mostra as imagens em ângulo. Passar o mouse sobre qualquer um deles levanta a imagem para cima e em direção à tela, deixando slides coloridos para trás. Um controle deslizante de testemunho mostra três lados de cada vez, um no centro plano e os outros dois em ângulo. Ele também inclui cartões de blog estilizados e sinopses com animações de foco para cada um dos serviços.

Visite o site

5. DShjemmeside

Este site foi enviado por David Sylvest. Ele exibe um fundo com uma sobreposição azul escura, um divisor de seção arredondado e um título grande no centro. O cabeçalho colocou o menu no centro e incluiu um plano de fundo estilizado com um gradiente e cantos arredondados. Eu amo a próxima seção. Ele mostra exemplos de trabalho em três cartas inclinadas. Os dois lados são angulados para dentro. Eles incluem efeitos de flutuação. A próxima seção mostra um CTA com monitores de computador em um ângulo e um plano de fundo padronizado. A seção de benefícios mostra marcadores com grandes sinopses ao lado de um gráfico de engrenagens. O site também inclui muitos CTAs com ícones estilizados e imagens circuladas, uma imagem circulada do desenvolvedor, uma seção de perguntas frequentes com alternadores e um formulário de contato estilizado. O layout faz excelente uso de cores, gráficos e imagens.

Visite o site

6. Carreiras na Zipline

Este site foi enviado por Nicole Marie Zinnanti. O site usa muito espaço em branco com a quantidade certa de gráficos e destaques roxos. A seção do herói mostra um CTA de um lado e um gráfico de pessoas construindo um currículo do outro. A próxima seção mostra os serviços dentro de blubs que usam gráficos roxos e brancos e bordas e sombras roxas. Um vídeo incorporado é colocado sobre um padrão de fundo que mostra pontos na metade superior à esquerda e na metade inferior à direita. Blurbs com ícones estilizados mostram os benefícios de um layout limpo de 3 colunas. O design também inclui um CTA com gráficos, seção de blog estilizada e um CTA com botões para criar um rodapé personalizado. Eu também gosto do blog. Ele exibe um gráfico completo no cabeçalho com uma divisória diagonal e, em seguida, os cartões de blog em uma grade limpa.

Visite o site

7. Centro de Apoio à Adoção de Saskatchewan

Este site foi enviado por Molly Seaton-Fast. Ele mostra uma imagem de largura total de crianças brincando e três módulos de texto para criar botões grandes para navegação. Cada um dos botões tem tampas arredondadas que ficam mais altas e têm cantos quadrados ao pairar. Blurbs com bordas parciais criam links para tópicos específicos. As informações são fornecidas em uma seção de duas colunas com sinopses e um CTA de um lado e um acordeão do outro. Um CTA de doação se mescla à seção de lista de e-mails. Cada uma das seções usa cores estilizadas e padrões de fundo correspondentes. A página Eventos inclui um calendário de eventos embutido. A página de doações inclui uma caixa de doação embutida. O site tem muitas informações para compartilhar e o menu continua navegando pelas informações da forma mais limpa possível.

Visite o site

8. Nanaimo Heights

Este site foi enviado por Danielle Mah. Ele tem um design de uma página e é multilíngue. A seção herói exibe um fundo de tela inteira com uma sobreposição laranja que inclui o título, a frase de efeito e a seta para baixo. A seção do herói também inclui um divisor de seção em ângulo, seguido pelo menu de navegação que é travado na parte superior da rolagem. Vários CTAs de registro mostram imagens do prédio. O layout também inclui uma imagem de largura total do interior com sinopses que mostram os benefícios. Várias seções mostram recursos usando marcadores e imagens em layouts alternados. Um mapa incorporado usa as mesmas cores do resto do site. As plantas baixas são mostradas em um controle deslizante e incluem PDFs para download. O formulário de inscrição inclui perguntas para ajudar a determinar o tipo exato de apartamento que você está procurando. Amo o uso de cores e fotografia neste site.

Visite o site

9. Mais do que algumas palavras

Este site foi enviado por Britt Baue. O menu exibe um logotipo sobreposto seguido por uma pequena mensagem de boas-vindas. A parte principal da página inclui muitos epsiodes de podcast incorporados com reprodutores de áudio estilizados. A primeira seção mostra podcasts em duas colunas com um título vertical e um link para ouvir mais. Uma seção de texto com informações sobre o programa inclui um título de artigo no lado oposto. Outra seção inclui o título e exibe uma lista de podcasts com um reprodutor de áudio ao lado de um formulário de contato. Em seguida, há uma seção com links para assinar o podcast de todos os principais hosts. A página Sobre adiciona uma lista de tópicos e um controle deslizante estilizado de depoimento. O design usa muito espaço em branco e um layout mínimo que parece limpo e elegante.

Visite o site

10. Instituto de Jovens Líderes Negrosanon

Este site foi enviado por JR Galia. A seção principal exibe uma imagem de fundo de largura total com um título e CTA na sobreposição. O menu de navegação também exibe o CTA e inclui o menu em um segmento separado. Uma seção de programas exibe cartões com botões de doação. Gosto especialmente da seção Envolva-se. Ele exibe uma imagem grande de um lado e sinopses com gráficos do outro. O layout também inclui contadores de números e um formulário de contato estilizado. As páginas sobre, blog e galeria seguem um design semelhante e adicionam uma sombra sólida aos módulos de texto, blog e galeria.

Visite o site

Conclusão

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