Divi Design Showcase: novas inscrições de setembro 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 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 2020

1. Eitani

Este site foi enviado por Kelsey Spectre. Inclui muitas fotos elegantes, texto dourado e destaques dourados para atrair o público-alvo. O texto e os gráficos dourados funcionam muito bem em fundos claros e escuros que incluem branco, preto e castanho. Um conjunto de sinopses que mostram sua abordagem tem ícones animados. Essa seção tem uma borda estilizada com gráficos de canto. O menu de hambúrguer exibe linhas de várias larguras e espessuras. O menu de navegação é aberto para revelar um fundo preto e realces dourados. Uma galeria exibe imagens de produtos que reproduzem vídeo em uma mesa de luz quando clicadas. Gosto especialmente da página de depoimentos com duas colunas em layouts alternados.

Visite o site

2. Fale com Debbie

Este site foi enviado por Michal Teska. Ele tem um layout limpo com atenção extra às opções de fonte e cor. As fontes se destacam da maneira certa e os destaques em vermelho dão ao site um design equilibrado. As informações sobre os cursos são exibidas nos cartões. Eles incluem efeitos de foco e a opção mais popular é destacada com uma borda vermelha e texto na parte superior. Uma solicitação de informações fornece o formulário sobre uma imagem de fundo com uma sobreposição verde. Também gosto da seção de comentários que exibe um controle deslizante de depoimento com realces em vermelho. É simples, mas funciona perfeitamente com o design do site.

Visite o site

3. O escritor enrugado

Este site foi enviado por Julie Rick. Este usa um design limpo que alterna entre fundos castanhos e brancos e inclui realces em vermelho por toda parte. Os realces em vermelho se estendem até mesmo à frase de chamariz no menu, à barra de rolagem e ao botão Voltar ao topo. Um conjunto de sinopses descreve as necessidades do visitante e altera os serviços prestados ao passar o mouse. Outra seção mostra informações sobre o proprietário do site com um desenho do proprietário de um lado e marcadores e ícones personalizados do outro lado. Uma seção de trabalho exibe os logotipos do cliente com um título e uma descrição. Os projetos apresentados são exibidos em um controle deslizante. Também gosto do layout do blog de uma coluna com as imagens em destaque de um lado.

Visite o site

4. DuoGeeks

Este site foi enviado por Lovish Gulati. Ele usa um gradiente de azul e roxo com realces em verde ou vermelho para dar ao design uma sensação divertida e emocionante. A seção hero exibe um formulário de e-mail e um formulário para um orçamento e ainda encontra uma maneira de mantê-los organizados e fáceis de entender. Uma frase de chamariz inclui texto de um lado sobre um gradiente e um conjunto de sinopses do outro lado com gráficos que criam um mosaico. Eu gosto da seção com exemplos que exibe o trabalho em uma janela que rola ao passar o mouse. Os depoimentos são colocados sobre um fundo gradiente e incluem o próprio gradiente. Tem muitos CTAs que são bem colocados em todo o layout. A página da loja também se destaca, bem como as páginas dos produtos que seguem um design semelhante.

Visite o site

5. Mavericks

Este site foi submetido por Flavio Mester. Ele usa muitos fundos pretos ou vermelhos com um grande texto branco para criar um design arrojado que se destaca e tem uma aparência profissional. A seção do herói exibe um controle deslizante de tela inteira com um slogan que permanece no lugar e um menu vermelho e preto com um logotipo sobreposto. O menu suspenso segue o mesmo design com um fundo vermelho e borda preta. Uma seção com a programação usa preto de um lado e vermelho do outro com botões para ver a programação ou registro. As notícias mais recentes são mostradas como texto dentro de uma grande caixa com uma borda espessa. A página da galeria traz postagens do Instagram sobre uma grande imagem de fundo. Este site faz excelente uso de cores e fontes.

Visite o site

6. Vida Mountain

Este site foi enviado por Megan Dorien. A seção do herói exibe uma imagem de largura total da área e inclui um CTA e informações de contato no menu. Imagens de folhas são usadas como elementos de fundo em todo o layout. As suítes são mostradas como cartões em um layout de várias colunas e mudam para uma foto diferente ao passar o mouse. Um cartão dentro do layout inclui informações de contato. Um CTA interessante exibe uma caixa com texto e outro CTA sobre ele com cantos arredondados e fundo vermelho para se destacar. Eu amo o design de informação com uma galeria de um lado e texto sobreposto do outro em um layout alternado. Uma galeria é criada a partir de um feed do Instagram.

Visite o site

7. Dra. Evelyn Vinocur

Este site foi enviado por Gui Vino. Este usa um texto grande, um fundo bege, realces em rosa e amarelo e um design de layout que prioriza o dispositivo móvel. A seção de herói inclui um desenho do proprietário do site sobre gráficos de fundo manchados. A maioria dos elementos exibe um destaque rosa. A lista de tratamentos é exibida com texto grande separado por uma divisória. As imagens são exibidas em molduras amplas. A seção sobre a missão exibe um gráfico dentro de um quadro de imagem sobre um gradiente com uma mensagem simples. Gosto especialmente da seção sobre como funciona. Ele exibe informações em ambos os lados com um gráfico no centro com informações de contato em seguida. Esta seção é colocada sobre um gradiente de fundo que inclui um separador estilizado que muda o fundo para uma nova cor.

Visite o site

8. The Village Spa

Este site foi enviado por Paulina Ritchie. Ele usa tons suaves de cinza e um laranja-tanino, fontes elegantes e fotografia para atrair o público-alvo. A seção do herói mostra uma imagem em tela inteira com CTAs de reserva. Vários CTAs de largura total exibem produtos em um lado e o texto no outro sobre uma imagem de fundo que se mistura com a imagem dos produtos. Outros CTAs exibem imagens grandes de um lado e o texto do outro em um layout alternado. Os tratamentos mostram informações em guias estilizadas. As marcações são feitas por meio de um formulário embutido. Os vales-presente são adquiridos através de um formulário estilizado com elementos gráficos que combinam com o site. Este site faz um uso elegante da fotografia.

Visite o site

9. Createur2Site

Este site foi enviado por Createur2Site. Os efeitos de rolagem deste site estão fora deste mundo e torna o uso mais interessante de um cursor do mouse que eu já vi. O cursor do mouse é um ponto extragrande que exibe as cores opostas da área (até o nível de pixel) sobre a qual está pairando. A seção do herói exibe um fundo preto com um gráfico circular e slogan no centro. A rolagem amplia o centro e rola a próxima seção para cima. Conforme você continua a rolar, o centro aumenta o zoom para se tornar um dos elementos gráficos na tela. Outro efeito de rolagem divide uma palavra em duas, enquanto outros efeitos de rolagem animam separadores de seção, rolam palavras ao pairar, abrem elementos gráficos e muito mais. Os efeitos de rolagem nunca atrapalham a usabilidade do site.

Visite o site

10. We Are Web Design

Este site foi enviado por Justine Carter. Ele usa um fundo castanho claro com reflexos laranja escuro e fundos castanhos mais escuros por toda parte. Cores mais ousadas são adicionadas com imagens para os serviços, logotipos do cliente e imagens do portfólio. A seção de serviços coloca o título sobre um padrão de fundo interessante. As imagens dos serviços se sobrepõem ao padrão. Os links sociais são colocados verticalmente do lado direito. As fontes usadas para os títulos são linhas grandes e elegantes que combinam perfeitamente com a cor do site e dão um toque elegante ao site. Eu amo o design do blog. Ele inclui o padrão de fundo no título e as postagens do blog exibem a imagem em destaque com seu título sob a imagem com um fundo castanho.

Visite o site

No Fechamento

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, 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 Jemastock / shutterstock.com