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

1. Studio Linetti

Este site foi enviado por Nicola Toffali. O site usa um design interessante de tela dividida. A metade esquerda da seção principal exibe o título do site em texto grande sobre um fundo que muda de cor quando você rola ou move o cursor para a barra de endereço. No lado direito, há um texto em vermelho sobre um fundo branco. Esta coluna pode ser rolada dentro da seção. Ao ler o final da coluna, a seção rolará. As próximas duas seções incluem colunas que são quase de tela inteira com um fundo preto de um lado e um fundo branco do outro em um layout alternado e as fontes em cores opostas. A seção final é uma mensagem humorística em tela cheia sobre um fundo que muda de cor. Este design é simples e interessante ao mesmo tempo.

Visite o site

2. Casa Roca Architecura

Este site foi enviado por Freddy Maldonado. Este site inclui muitos elementos sobrepostos com sombras de caixa, animações de foco e destaques amarelos. Sob a seção do herói em tela dividida, há um bloco de cores em um lado com uma imagem sobreposta e um CTA sobreposto a ele. O Blurbs fornece informações sobre os tipos de trabalho. Eles têm ícones simples em amarelo e as sinopses mudam ligeiramente de forma e obtêm uma borda amarela espessa ao pairar. Isso faz com que eles se destaquem sem se tornarem muito chamativos. Minha seção favorita exibe imagens que se sobrepõem a um feed do Instagram. As imagens deslizam para cima ao passar o mouse para revelar uma descrição com uma sobreposição azul. A seção de contato também é interessante. Ele mostra as informações de contato em uma caixa amarela sobreposta por um pequeno formulário de contato.

Visite o site

3. Customer Camp

Este site foi enviado por Sarah Hart. Um reprodutor de podcast fica na parte inferior da tela com o episódio mais recente. Roxo e amarelo são usados ​​para as cores da marca em todo o site para planos de fundo, botões, ícones e para destacar texto. Muitos elementos gráficos individuais rolam independentemente das seções, fazendo um ótimo uso dos efeitos de rolagem. Cada seção faz bom uso da tela para exibir CTAs e informações. Gosto especialmente de como os depoimentos são exibidos em torno das imagens. Isso vem junto na parte inferior do layout para a seção de depoimentos. Existem alguns GIFs, mas não tantos que possam distrair. Este site faz ótimo uso de cores, efeitos de rolagem e elementos sobrepostos.

Visite o site

4. Alive Service GmbH

Este site foi enviado por Markus Behmann. Este site usa muito azul como destaque para ícones, botões, planos de fundo e efeitos de foco. O menu usa efeitos de foco animados para os links. A seção do herói exibe um vídeo com uma divisória estilizada para a parte superior e inferior. Isso confere especialmente uma separação elegante do cabeçalho e ajuda a se destacar. Minha seção favorita exibe sinopses interessantes de serviços. As sinopses incluem um botão sobrepondo a imagem e o conteúdo. As sinopses se sobrepõem à linha acima delas e se movem horizontalmente conforme você rola para cima ou para baixo. Esta seção também inclui uma divisória ondulada para combinar com a primeira seção e amarrá-la. O layout é limpo e elegante.

Visite o site

5. Arquiteto e construção da UEM

Este site foi enviado por Abdy Designburo. Ele usa o verde como a cor da marca em todo o site, incluindo o logotipo, planos de fundo e bordas dos botões. A seção do herói usa um fundo verde de um lado com um padrão de círculo para dar estilo. O menu de navegação tem um fundo transparente, que deixa transparecer o verde de um dos lados. Conforme você rola, o texto e o plano de fundo do menu mudam de cor. Eu gosto do CTA que coloca informações com botões sobre um fundo cinza claro que se destaca do fundo branco e inclui um padrão de círculo. Uma imagem se sobrepõe a isso para se destacar. O padrão de círculo cinza é usado em vários lugares para dar alguma textura ao fundo.

Visite o site

6. Strides Digital

Este site foi enviado por Douglas Henrique. Este usa um layout limpo com muitos espaços em branco em todo o site. Os realces em azul e amarelo são usados ​​para botões, ícones, fontes, planos de fundo e outros elementos gráficos. Os títulos são pequenos e parecem botões, mas se destacam da maneira certa. Os CTAs exibem gráficos desenhados à mão de um lado e texto do outro. Os gráficos têm um design de desenho animado que funciona perfeitamente para o site. Gosto especialmente do caso de sucesso que mostra um fundo azul que inclui o título e a descrição com informações e uma imagem da obra sobreposta à próxima seção. A página dos casos de sucesso segue um design semelhante. O layout é simples, mas a cor é bem equilibrada.

Visite o site

7. Ervilhas verdes no café da manhã

Este site foi enviado por Monica Higgins. Este usa muito rosa, verde escuro e dourado para planos de fundo, texto e realces, e muitos efeitos de rolagem em todo o site. Ele muda o cursor do mouse para a ponta estilizada de uma caneta. A seção do herói exibe uma linha rosa que se sobrepõe à próxima seção. Eu amo as imagens para mostrar os serviços. Cada imagem é um hardware antigo com texto em uma tela ou sendo impresso. O texto deles rola conforme você desce na página. Exemplos de trabalho são mostrados em uma seção com duas colunas que inclui fundos rosa com bordas douradas. As imagens da obra são colocadas em telas de TV antigas, em navegadores da web ou como gráficos. Cada um dos elementos gráficos usa efeitos de rolagem. Este site faz ótimo uso de cores e imagens.

Visite o site

8. Olá Fresto!

Este site foi enviado por James Middleditch. Ele usa um verde elegante como cor de marca com muitas fotos e efeitos de rolagem em todo o site. A seção do herói reproduz um vídeo de fundo que fica borrado, mas pode ser visto o suficiente para entender do que se trata o site. Um título e uma frase de efeito apresentam o site. As imagens de alimentos incluem sobreposições que desaparecem à medida que você rola a tela. As etiquetas das imagens são em várias cores diferentes para combinar com o tema oriental. Blurbs que fornecem informações se movem nas laterais conforme você rola, seguido por uma seção semelhante com CTAs. Muitos desenhos e imagens ajudam a enquadrar as bordas do site. Uma seção de bestsellers inclui produtos com várias opções. Este site também inclui uma barra de rolagem estilizada. Eu amo as cores e imagens neste site.

Visite o site

9. MVMNT

Este site foi enviado por Simon Frost. A seção do herói exibe um vídeo em tela cheia com uma taxa de atualização e filtro que, a meu ver, parece um projetor de filme digital mais antigo, enquanto o texto em primeiro plano muda para alterar a mensagem a cada poucos segundos. Uma seção interessante com imagens amplas em um layout alternado exibe títulos sobre as imagens que apontam para informações sobre a empresa. As imagens incluem efeitos de foco. As postagens do blog incluem várias tags e sobreposições que revelam um trecho. Azul claro e rosa são usados ​​para as cores da marca e costumam ser usados ​​para sublinhar os títulos. Cada uma das páginas segue um design semelhante e inclui fundos pretos atrás de alguns dos títulos. Este site usa cores e planos de fundo com estilo.

Visite o site

10. Le Kombucha

Este site foi enviado por Florent Noel. Este usa muitos gráficos interessantes e em todo o site. Ele usa principalmente amarelo claro e verde claro para as cores da marca que aparecem nos planos de fundo, botões e botão voltar ao topo. Os gráficos de fundo criam uma bebida com bolhas e incluem bordas onduladas para se destacar das seções ao redor. Outros gráficos e imagens do site mostram a bebida em copos e jarras. Aqueles com gráficos colocam o gráfico de um lado e o texto do outro para criar CTA's. Eles são colocados em um layout alternativo. As informações são mostradas em sinopses com ícones multicoloridos. Todas as imagens e gráficos deslizam ou se encaixam no lugar conforme você rola.

Visite o site

No Fechamento

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