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

Chegou a hora do nosso Divi Showcase mensal, onde damos uma olhada em oito 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 julho. 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 julho de 2020

1. Poptin

Este site foi enviado por Tomer Aharon. O site usa muito roxo para os gradientes de texto e fundo, e tons semelhantes de vermelho, amarelo e azul para realces. O menu inclui até sinopses com ícones nessas cores. A seção hero exibe um efeito de digitação para a palavra-chave, que muda o slogan e a mensagem do CTA. Um recurso interessante é um conjunto de seções que exibem botões em uma pilha vertical ao lado de uma tela de computador maquete em um layout alternativo. Clicar em qualquer um dos botões altera o que é exibido na tela de maquete. Uma seção semelhante exibe guias com ícones acima da tela de maquete. O site é multilíngue, permitindo que você escolha entre 7 idiomas.

Visite o site

2. Império LVP

Este site foi enviado por Nadzim Al-Rash. Ele usa muito bronzeado para fundos com texto em preto. O menu de navegação é simples, com um link para ver a galeria e outro para reservar uma sessão. Os efeitos de foco mudam seu plano de fundo para uma cor mais escura. Um efeito de esmaecimento aumenta ou diminui a intensidade das imagens conforme você rola, incluindo a imagem do herói e algumas galerias. O rodapé exibe um fundo verde escuro que se destaca, mas complementa o bronzeado. Inclui um menu de navegação com uma linha bronzeada na parte superior e efeitos flutuantes. As galerias exibem imagens grandes em uma única coluna para mostrar o trabalho. A página de reservas exibe vários locais com mapas para cada um.

Visite o site

3. Andy Hooke

Este site foi enviado por Andy Hooke. Ele usa muito azul escuro para fundos e texto em todo o site. O menu exibe ícones para navegação no submenu. A seção do herói mostra capturas de tela do trabalho que se sobrepõem à próxima seção. Ele também inclui vários padrões de fundo em paralaxe real para se destacar. Várias palavras-chave nos títulos estão sublinhadas. Gosto especialmente do conjunto de seções para trabalhos recentes que combina o depoimento com capturas de tela e um link para visualizar o projeto. Cada uma dessas seções muda para uma cor de fundo diferente conforme você rola, indo de azul escuro para um azul médio e, em seguida, para laranja. O blog e outras páginas também incluem os mesmos padrões de fundo da página inicial. Algumas das páginas os adicionam aos ícones.

Visite o site

4. Podcast South of Scruffy

Este site foi enviado por Brent Collier. O site usa muito laranja e azul escuro para fundos e padrões. O fundo é um desenho estilizado de uma montanha com cores fortes. Um reprodutor de áudio estilizado com o podcast mais recente é colocado sob o slogan na seção do herói. Sua imagem inclui a arte e as cores do site. Outra seção exibe padrões de fundo em cores fortes em paralaxe real. Os ícones estilizados apontam para os vários locais onde pode ouvir o podcast. Eu também gosto da seção de contatos. Inclui um fundo laranja com o formulário de contato ao lado em uma cor diferente, mas os campos sobrepõem as duas cores.

Visite o site

5. Palavras Cruzadas

Este site foi submetido por Rui Edmond. O site usa um azul em negrito nos planos de fundo, botões e títulos. Na maior parte, segue um design de 2 colunas com seções alternando de azul para branco. Cada uma das seções inclui CTAs com descrições e links para os produtos. Os gráficos acentuam os links para os produtos. Os quebra-cabeças são integrados no pós-tipo do projeto. Os depoimentos exibem imagens circuladas com fundos estilizados. O site inclui vários CTAs com layouts alternativos. O design limpo garante que cada um se destaque dos outros.

Visite o site

6. Meg Lonergan

Este site foi enviado por Kurt Maddern. O layout é simples, com apenas um menu, logotipo, notificação de direitos autorais e um controle deslizante. O foco está no controle deslizante, mas usa o espaço em branco para chamar a atenção para ele. O controle deslizante ocupa dois terços do lado direito da tela. O terço esquerdo é claro, com o título do site na parte superior e o logotipo na parte inferior. O menu de navegação fica acima do controle deslizante e exibe os links em duas colunas no lado esquerdo do controle deslizante. Um link de consulta fica acima do lado direito do controle deslizante. Conforme você rola, as colunas empilhadas do menu se tornam um menu normal com todos os links em uma linha horizontal. O controle deslizante exibe imagens de larguras variadas para mostrar o trabalho. A página Notas exibe postagens de blog com imagens grandes e links de navegação que são adicionados à esquerda.

Visite o site

7. Recova

Este site foi enviado por Christina Oosthuizen. Ele usa o azul e o amarelo da marca, com um toque de vermelho aqui e ali. O menu inclui links animados em azul e amarelo. A seção do herói exibe uma imagem do produto que combina com o plano de fundo. Os slogans são criados com texto ultragrande em branco com a palavra-chave em amarelo. Outros títulos colocam o texto em amarelo e azul. Botões grandes são exibidos com sombras pretas sólidas que se destacam. O site também inclui muitos contadores estilizados, sinopses, depoimentos, um formulário de contato correspondente e botões sociais. Gosto especialmente de uma seção que mostra um gráfico do produto em duas cores. O fundo de um lado corresponde à cor do produto do outro lado. A página de contato usa um design semelhante.

Visite o site

8. PlantVibe

Este site foi enviado por DJ Wheeler. O site usa verde para a cor da marca nos planos de fundo, gráficos e texto da seção. A seção do herói inclui um controle deslizante com CTAs em layouts alternados que mostram a imagem de um lado e as informações do outro. CTAs simples com gráficos e exibição de texto sobre um fundo verde com um padrão estilizado. Uma seção de coleções mostra as várias opções em um controle deslizante de produto. Este controle deslizante inclui realces em verde profundo para o título, links e navegação. O formulário de contato usa o mesmo verde para o botão de envio. Até mesmo as fotos do produto têm cores de fundo que são usadas em certas seções para torná-las parte do design do site.

Visite o site

9. Armadas

Este site foi enviado por Thomas van der Wolde. O site usa muito azul nos planos de fundo, gráficos, texto e CTAs no menu de navegação. A seção hero exibe um CTA com um efeito de digitação que altera as palavras-chave. Uma seção de blurbs exibe uma cor diferente para a borda superior de cada blurb e inclui gráficos com um padrão de fundo de blob. Uma seção de etapas numeradas exibe os números em grandes fontes azuis com texto de um lado e um gráfico do outro em um layout alternativo. As outras páginas seguem um design simples e limpo que destaca serviços e benefícios.

Visite o site

10. MJS Media

Este site foi enviado por Matt Southam. Ele usa um amarelo forte para a cor da marca com várias outras cores para apoiá-la. A seção de herói coloca uma sobreposição amarela sobre um vídeo de fundo que mal aparece. O fundo amarelo também é usado para depoimentos de largura inteira e para o botão de contato. Vários blurbs exibem gráficos com fundos circulados em várias cores. Gosto da seção com um estudo de caso que mostra uma imagem de fundo por trás de uma sobreposição cinza. O menu de tela inteira coloca links em texto grande em três colunas que facilitam a visualização da navegação, dos serviços e das informações de contato. O fundo está desfocado, mas visível. Eu também gosto do design limpo do blog.

Visite o site

No Fechamento

Essas são as nossas dez melhores inscrições para o site da comunidade Divi no mês de julho. 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, por favor, 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 e-mail “DIVI SITE SUBMISSION”.

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