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

1. Divemaster Gilis

Este site foi enviado por Alexander Falch. O site usa um esquema de cores coral para o fundo do cabeçalho fixo, divisórias, ícones, fundos de blurb, rodapé, sombras do blog, etc. A seção principal usa uma imagem de fundo de tela inteira que me atrai e o texto na sobreposição que descreve o site . O cabeçalho aparece quando você rola e inclui uma sombra escura para dar uma aparência 3D. O cabeçalho também inclui ícones desenhados em linhas que mudam de cor conforme você rola. As fontes para os cabeçalhos são altas e finas. A cor, os ícones e as fontes combinam perfeitamente com o gênero e funcionam bem com os espaços em branco em todo o site. Os pacotes são mostrados com layouts alternados com imagens para ajudar a descrever os eventos.

Visite o site

2. Técnico

Este site foi enviado por Michal Teska. O site é um design de uma página que usa muitos espaços em branco com gráficos mínimos por toda parte. Azul e rosa são usados ​​para as cores da marca nos planos de fundo, texto, divisórias, gráficos e menu. Gosto dos exemplos de serviços que mostram gráficos de um lado e texto do outro em um layout alternado. O espaço em branco destaca os gráficos e o texto e confere um design limpo. Também gosto de sinopses simplificadas para descrever serviços, os separadores de seção ondulados e o formulário de contato que se sobrepõe a duas seções.

Visite o site

3. A PA Academy

Este site foi enviado por Aimee Agee. Este site usa muito vermelho, preto e branco para cores de marca. O vermelho é especialmente proeminente em ícones e sobreposições de plano de fundo. Junto com bordas brancas e ícones sobre fundos vermelhos, isso faz com que o site se destaque e pareça interessante. Cada seção inclui animações de rolagem. Gosto especialmente da seção de calendário de eventos simples na seção de herói, que mostra as datas do workshop com um link de inscrição. A seção sobre o que você aprenderá mostra os pontos principais dentro de sinopses nas colunas externas enquanto uma imagem flutua no centro e segue a rolagem do mouse. Outra das minhas seções favoritas é o workshop CTA. Ele exibe uma imagem grande na metade esquerda da tela com uma sobreposição vermelha e CTA. À direita estão sinopses simples para marcadores com ícones estilizados.

Visite o site

4. Fitness e alimentação

Este site foi enviado por Patrick Hertnagel. Este site usa um belo verde para a cor da marca nos menus, bordas, botões, texto de sobreposição, fundo do rodapé e até mesmo na barra de rolagem. Os títulos usam texto grande que combina perfeitamente com o design do site. Gosto especialmente da seção de grandes CTAs. A exibição em duas colunas que ocupam toda a largura da tela com o texto e o botão de um lado e uma imagem do outro. Inclui quatro deles em um layout alternativo. A seção do blog inclui uma caixa de pesquisa que corresponde à largura da coluna do blog. Outra seção que se destaca é a galeria de imagens em mosaico. Ele exibe imagens em várias colunas e alturas, mas todas cabem no espaço, criando uma simetria perfeita.

Visite o site

5. Hey Bear Creative

Este site foi enviado por Marcy Henriques. Ele usa muitos gráficos de desenho animado e vermelho, preto e amarelo em negrito para cores de marca. A seção do herói exibe um gráfico de fundo de uma montanha com um gráfico semelhante sobreposto, tudo em vários tons de vermelho com tons mais escuros para os gráficos em primeiro plano. O gráfico em primeiro plano aumenta de tamanho conforme você rola. O cabeçalho exibe um menu de hambúrguer com linhas em negrito e um CTA em amarelo com uma borda preta em negrito. Botões semelhantes são colocados em todo o site. Eu amo os gráficos de urso e montanha que este site usa. O design faz ótimo uso de cores ousadas e gráficos de fundo, ao mesmo tempo em que mantém o conteúdo limpo e legível.

Visite o site

6. Rue

Este site foi enviado por Mathias Rue. Ele usa um fundo preto com texto branco, vermelho e roxo. A seção de herói é uma seção de tela inteira que enquadra a tela e coloca links nos cantos. Inclui texto extragrande para o slogan. Todos os módulos têm uma borda que vai do vermelho ao roxo. O texto roxo na seção do herói e as partes roxas da borda ficam vermelhas conforme você rola. As próximas seções mostram imagens dos serviços e portfólio com fundos pretos, texto branco e tags e links vermelhos. Esses módulos são colocados lado a lado com 2 ou 3 por linha. Cada um desses módulos se expande ao passar o mouse para ocupar mais espaço e aumentar o zoom de suas imagens. As informações de contato no rodapé também usam o texto extragrande que muda de cor conforme você rola. Este site faz uso interessante de texto grande e efeitos de foco.

Visite o site

7. Dijimoe

Este site foi enviado por Moe em Dijimoe. Este site usa muito azul escuro para fundos e destaques. A seção do herói exibe um grande gráfico com um título sobre um fundo de partículas animadas. Cada seção usa separadores estilizados para a parte inferior para fornecer um formato de u estilizado para se destacar. As seções alternam entre fundos azuis escuros e fundos brancos. Isso mantém um design simples, limpo e elegante. Os serviços são exibidos em sinopses que usam ícones de cores diferentes. Os logotipos do cliente são exibidos em um controle deslizante que está sempre em movimento, para se destacar do resto do site. O menu é simples com um link em cada lado que inclui um ícone do lado de fora do link. Passar o mouse sobre o link revela um fundo arredondado. Gosto especialmente do uso de acordeões estilizados e gráficos na página de Serviços.

Visite o site

8. Nutricionista Maria Antonietta Gastone

Este site foi enviado por Daniele Bardella. Este site usa um design simples com muitos destaques em laranja para botões, links e ícones. O layout usa espaços em branco para ajudar a destacar cada sinopse, CTA e depoimento. A seção de serviços usa uma imagem ao lado e exibe um conjunto de sinopses com uma breve descrição e um ícone com um link para ler mais. Eu gosto da seção sobre o método usado. Ele fornece uma descrição seguida por sinopses que sobrepõem uma imagem em um dos lados. Um CTA de largura total para um livro exibe um botão no centro e uma imagem de um lado. A página do livro usa texto branco e uma imagem da capa do livro sobre um fundo laranja. Este site faz bom uso de cores e espaços em branco.

Visite o site

9. Webstrategen

Este site foi enviado por Michael Kwasiuk. Este site usa vermelho radical para realces em fundos brancos e pretos. O vermelho também é usado como tela de pré-carregamento. Praticamente todas as seções têm algo que se sobrepõe ou se desloca do centro. Quando as seções se alternam, isso cria um equilíbrio único que conduz seu olho. Várias seções colocam o texto de um lado com uma imagem animada do outro. O portfólio usa um controle deslizante que é deslocado para um lado com um estilo de navegação exclusivo. A seção do blog exibe cartões com descrições deslocadas da imagem. Adoro como o logotipo apaga as letras conforme você rola e deixa a primeira letra com o ponto para o menu principal.

Visite o site

10. Lemonade IT

Este site foi enviado por Teck Seng Chan. O design usa um esquema de cores amarelo e verde (limão e lima) para destaques como o CTA no menu, gráficos, bordas, texto, navegação deslizante, cores de fundo da imagem em destaque da postagem do blog e muito mais. Todos os planos de fundo da seção são brancos ou cinza claro para ajudar a manter o design o mais simples e limpo possível. Os serviços são mostrados em sinopses altas que adicionam sombras ao fundo ao passar o mouse. Minha seção favorita é um CTA com um telefone celular e um layout de site que se move de forma independente por trás dele. O controle deslizante de depoimento também é interessante. Ele rola os depoimentos verticalmente. Este site faz um bom uso de cores e um layout simples.

Visite o site

Para concluir

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