Divi Design Showcase: novas inscrições de outubro 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 da Divi enviados por nossa comunidade e hoje queremos compartilhar com vocês os dez melhores sites do mês de outubro. 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 outubro de 2020

1. Restaurantes épicos de ovos

Este site foi enviado por Abel McBride. Ele usa laranja em todo o site, incluindo blobs para elementos de plano de fundo, planos de fundo de ícones, botões, texto de bloco e plano de fundo do rodapé. Verde é usado como um destaque atrás do texto e nos gráficos. A comida é exposta nas laterais do local com grandes fotos que se destacam. Os itens de menu são mostrados em alternadores que usam uma borda estilizada com cantos agudos em um lado e cantos arredondados nos lados opostos. A página do menu de comida usa os mesmos alternadores e adiciona preços ao canto. Este site faz excelente uso de espaço em branco, fotografia e cor.

Visite o Site

2. Pom Dental

Este site foi enviado por Brittany Hurdle. As cores combinam perfeitamente com o gênero. A seção hero exibe um vídeo de fundo com o slogan e a descrição em primeiro plano. Inclui um mega-menu com ícones para as diferentes categorias. O menu secundário exibe uma cotação e inclui um botão CTA sobreposto. Blurbs, ícones, texto e elementos de plano de fundo usam um verde claro ou azul para a marca. Muitos dos elementos incluem animações de foco que revelam bordas da parte inferior do texto ou dos botões. Gosto da seção dos serviços. Inclui uma imagem grande com um fundo que corresponde ao site e exibe os serviços como texto de um lado. O blog inclui um design simples com um recurso de pesquisa. Este site faz um excelente uso de texto e bordas.

Visite o Site

3. Revolution De Palais

Este site foi enviado por Amal Vaesken. Ele usa muitas cores fortes em todo o site. A seção herói exibe um controle deslizante de tela inteira com imagens que usam as cores do site. As informações da empresa são mostradas com um grande texto azul que revela a próxima seção em paralaxe conforme você rola. A seção em paralaxe mostra uma mensagem no centro da tela com um fundo azul. Conforme você rola, essa tela permanece no lugar e substitui a mensagem várias vezes até que você veja a última mensagem. Gosto da seção com exemplos de trabalho. Ele mostra grandes imagens, animações e controles deslizantes em duas colunas com as cores do site. Também gosto do CTA grande na parte inferior que muda os gráficos ao passar o mouse e revela o botão para ver mais.

Visite o Site

4. Carnes country de Mike

Este site foi enviado por Marcus Zeal. Este site faz uso incrível de gráficos de desenho animado. Do início ao fim, todas as cores, fontes e botões combinam perfeitamente com o esquema de desenho animado. A seção do herói mostra um menu flutuante com um submenu estilizado que usa pranchas de madeira. Nuvens flutuam no céu do desenho de fundo. Conforme você rola, você vê personagens de desenhos animados como recortes criando CTAs ou chamando a atenção para certas seções. Os produtos são exibidos em uma dessas seções e incluem um estilo que combina com o site. Muitos dos elementos são animados para coincidir com a rolagem do mouse. Até mesmo as informações de contato são colocadas sobre elementos gráficos que se ajustam ao design. Este é um site divertido para percorrer.

Visite o Site

5. Centro Odontológico Ostojic

Este site foi enviado por Boris Zakula. Este usa muitos gradientes de laranja como destaques em todo o site. A seção do herói mostra um gráfico no centro da tela, atrás do título, que diminui conforme você rola. O menu é um megamenu de largura total que exibe links de um lado com ícones e uma imagem do outro lado. O site usa muitas fotos do local e dos funcionários para obter informações, CTA, vídeos, postagens de blog e muito mais. Gosto da seção de histórias e depoimentos. Ele exibe imagens de clientes com blocos de texto sobre cores diferentes uns dos outros - ambos com sombras de caixa. O blog, CTAs e informações de contato também usam sombras de caixa para se destacarem.

Visite o Site

6. Incrementar

Este site foi enviado por Navmeet Singh. Ele usa muito azul e laranja em todo o site para destaques, planos de fundo e gráficos. Uma seção sobre como funciona exibe informações em sinopses com ícones de duas cores que conduzem pelas etapas. Outra seção exibe um gráfico de cabos elétricos sendo conectados enquanto você rola a tela. Isso apresenta outro conjunto de sinopses com ícones de duas cores. Uma grande seção de informações usa gráficos de um lado e texto do outro em um layout alternado. Também gosto da página de recursos, que exibe informações dentro de gráficos que incluem uma captura de tela e um gráfico circulado de uma tela. Este site faz ótimo uso de cores, espaços em branco e gráficos feitos à mão.

Visite o Site

7. Greene

Este site foi enviado por Liberto Lopez. Este site usa muito verde e azul para as cores da marca nos planos de fundo, gráficos, títulos, botões, formulário de contato, botão voltar ao topo, etc. A seção do herói exibe um fundo verde com um padrão. O primeiro plano exibe uma mensagem de um lado e um gráfico do outro. Um divisor de seção estilizado leva à próxima seção com sinopses que aumentam o zoom ao pairar. Várias seções exibem vários gráficos de um lado e CTAs do outro. Também gosto da seção de sinopses que usam ícones grandes de duas cores em um padrão off-set e um gradiente de azul e branco que aparece ao passar o mouse. Um gradiente angular aparece no fundo da próxima seção. O formulário de contato também exibe um gradiente e uma sombra de caixa que se destaca. Este site faz excelente uso de cores e gráficos.

Visite o Site

8. Equipe de RH

Este site foi enviado por Marwann Al Saadi. A seção de herói exibe um gradiente de fundo animado com uma hashtag e CTA em primeiro plano que aumenta o zoom ao passar o mouse. Este gradiente de fundo aparece em todo o site como o fundo de CTAs, seções, sinopses e muito mais. O Blurbs mostra imagens dos membros da equipe como uma dupla, com suas imagens mescladas e separadas por uma linha divisória. Gosto da seção sobre o método deles. Ele exibe o gradiente de fundo com grandes círculos de um lado. O outro lado coloca as informações como marcadores usando títulos de blocos grandes e ícones de olho. Os ícones também aparecem em sinopses. O site também inclui um menu interessante que se estende quando você clica no ícone de hambúrguer. Ele também usa um gradiente de fundo e texto de bloco para o título.

Visite o Site

9. Não é permitido estresse

Este site foi enviado por Antreek. Este site usa muitos gráficos com cores fortes. A seção do herói exibe um gráfico de fundo de uma paisagem urbana com um slogan em primeiro plano de um lado e um gráfico do outro. O fundo não vai até as bordas, permitindo que um amarelo forte apareça em todos os lados. O menu usa o fundo amarelo em negrito para o cabeçalho e os submenus. O amarelo combina com a próxima seção e exibe informações de um lado e um vídeo do outro que imita um gráfico de smartphone com bordas arredondadas e uma borda em negrito. As tabelas de preços também usam cores fortes e incluem gráficos em ambos os lados da página. A seção de contato inclui o fundo amarelo e inclui grandes ícones sociais. Este site faz excelente uso de cores e gráficos.

Visite o Site

10. Lola Menthe

Este site foi enviado por Theo Salomoni. Este site usa várias cores suaves para atrair o público-alvo. As cores incluem uma versão de cobre claro para realces, sobreposições, cores de fundo e o botão Voltar ao topo. O cabeçalho usa-o para identificar a página ativa e os elementos de foco e para o CTA. O cabeçalho também usa um tom de verde do logotipo para determinados links. Este verde também é usado para o fundo perto do rodapé. O rodapé em si usa a cor cobre pálido, que se revela como uma cortina. Um depoimento aparece conforme você rola para a segunda seção. Outra seção exibe imagens como links com a sobreposição de cobre claro. As postagens do blog são exibidas em um controle deslizante e incluem a data no canto superior e o zoom ao passar o mouse. O site faz um excelente uso da cor.

Visite o Site

No Fechamento

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