Divi Design Showcase: novas inscrições de janeiro de 2021

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 janeiro. 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 janeiro de 2021

1. Indústrias Vale

Este site foi enviado por DJ Wheeler. Ele tem uma aparência industrial com vários tons de cinza para os fundos da seção, fundos de sinopses e depoimentos e até um cinza escuro para o texto. Destaques em vermelho para botões e navegação por pontos se destacam. O logotipo une as cores. A seção herói chama a atenção para os tópicos com um CTA de um lado e um vídeo do outro. Os botões são paralelogramos. O CTA no menu muda para preto ao passar o mouse e abre outro botão com um fundo cinza que corresponde à cor do texto do CTA. Os tópicos são mostrados com sinopses grandes. Uma imagem de largura total em paralaxe real mostra um exemplo de local de trabalho. Outras páginas seguem um design semelhante. As cores e o layout limpo funcionam muito bem para este local industrial.

Visite Vale Industries

2. Arca Interactive

Este site foi enviado por Justin Arcara. Tem muito roxo, vermelho e azul em todo o site. A maioria das seções inclui fundos de duas colunas. A seção principal exibe um design de duas colunas com um CTA de um lado e uma imagem do outro. Ambos são sobrepostos por um título e uma descrição. Blurbs descreve serviços com ícones de duas cores. Várias seções incluem imagens ou outros elementos que rolam de maneira diferente do plano de fundo. Projetos recentes rolam o título horizontalmente e exibem os projetos com imagens. Os depoimentos incluem uma imagem de um lado e um texto do outro, com logotipos sobrepostos. Ele também inclui um botão voltar ao topo estilizado com um link de e-mail fixo. Este site faz excelente uso de texto grande, ícones grandes, cores e elementos de layout.

Visite a Arca Interactive

3. Trafoos

Este site foi enviado por Samant Jaitli. Ele usa cores suaves nos fundos e nos fundos dos produtos em todo o site. Muitos dos botões e cartões incluem sombras de caixa para se destacarem. Um cronômetro de contagem regressiva mostra quando os preços especiais terminarão. A seção do herói exibe as cores do site com um padrão em ângulo e imagens incorporadas ao padrão em ambos os lados e dois CTAs no centro. Uma seção para desenhar sua própria camisa exibe as etapas com ícones. Cada uma das categorias de produtos inclui blocos coloridos no lado esquerdo para apresentar a categoria. Eu também gosto da seção de contatos. Ele exibe informações em duas colunas com uma cor de fundo diferente para cada coluna e gráficos de desenho animado que correspondem ao site. Este site faz um ótimo uso de cores.

Visite Trafoos

4. Histórias de design UX

Este site foi enviado por Allie Walters. Ele usa um design simples com texto extragrande para títulos. A seção do herói exibe uma seção com uma fonte grande sobre um fundo bege. Um link na descrição é um tom mais escuro de bronzeado e se destaca bem. Várias seções incluem imagens de fundo de largura total em paralaxe real. A sobreposição mostra uma breve descrição com um link para ver mais. Uma seção dos bastidores mostra imagens do processo de fluxo de trabalho. As páginas do projeto mostram um vídeo e informações detalhadas sobre o projeto. Os detalhes são divididos em seções menores que percorrem o projeto. Ele mostra mais detalhes do que eu vi na página típica do projeto e mostra da maneira mais simples e limpa possível.

Visite UX Design Stories

5. TPress Studio

Este site foi enviado por Alexis Presti. Este site tem um design de uma página que usa um fundo cinza escuro com texto branco e texto com gradiente verde. Parte do corpo do texto é cinza claro. Normalmente acho texto branco em um fundo preto difícil para os meus olhos, mas essa combinação de cores funciona bem e mantém o texto legível. A seção do herói e a seção seguinte exibem uma imagem de plano de fundo que se mistura com o plano de fundo. A mistura é tão suave que é difícil dizer onde termina a imagem. Isso ajuda a dar ao layout um toque elegante. O texto na seção principal usa o texto do bloco com um gradiente verde sobre o texto contornado para o título. Texto semelhante com gradiente é usado para títulos e inclui divisores, botões e ícones correspondentes. Eu amo o uso de cinza e gradientes em todo este site.

Visite o TPress Studio

6. Meu corretor de imóveis Columbus

Este site foi enviado por Greg Ventresca. Ele usa muito cinza para as superposições de imagem e fundos castanho-claros em todo o site. A seção do herói exibe um vídeo no lado esquerdo sobre um fundo cinza que se mistura em uma imagem. O título se sobrepõe a ambos os lados e exibe o texto de maneira diferente para cada lado. Vários CTA's se sobrepõem a imagens ou incluem imagens que se sobrepõem a elementos de fundo. Uma das imagens é colocada em primeiro e segundo plano, criando um CTA interessante. As propriedades são incorporadas ao layout e incluem imagens com sombras de caixa. Várias páginas incluem ícones personalizados que se destacam dos planos de fundo cinza. As cores e imagens funcionam bem com o layout e se encaixam perfeitamente ao público-alvo.

Visite o meu corretor de imóveis em Columbus

7. Dragonfly Ave

Este site foi enviado por Marci Angeles. Ele usa um layout limpo com muitos gradientes de fundo em cores suaves e linhas finas ou duplas para criar bordas. A seção de herói exibe uma mensagem em maiúsculas em um arco. O texto se sobrepõe ao gradiente de fundo, o que cria o arco. Um controle deslizante muda as imagens no centro do arco. Os serviços são mostrados em imagens de diferentes formatos. Vários dos elementos exibem o gradiente de fundo de maneiras diferentes, incluindo uma forma vertical atrás de uma borda, uma forma horizontal com bordas arredondadas para depoimentos e um ticker que rola uma mensagem. CTAs alternados mostram uma imagem de um lado e um texto do outro, usando variações das cores de fundo. O botão Voltar ao Topo é um texto cursivo impresso lateralmente. Eu amo o preloader de libélula e o cursor do mouse.

Visite a Dragonfly Ave

8. NEVERMVM

Este site foi enviado por Dylan Boulkhras. Ele usa um fundo preto com texto laranja em negrito que se destaca para dar ao design uma aparência nítida. Um menu fixo fica do lado esquerdo e exibe uma linha com círculos conectando as páginas. A seção do herói mostra uma imagem de fundo de um lado com um título, uma descrição, um link e contadores de números em primeiro plano. O menu é exibido em tela inteira e inclui a mesma foto de fundo. Uma seção com um vídeo incorporado mostra uma imagem de fundo que parece dividida do fundo com fumaça. Várias seções são numeradas e incluem títulos em negrito. Os projetos são exibidos em sinopses que incluem imagens que mudam rapidamente com zoom em ícones flutuantes e laranja. Este site faz um excelente uso da cor.

Visite NEVERMVM

9. Panda Remiremont

Este site foi enviado pela Panda Remiremont. Este é um layout de uma página que usa elementos de design chinês com texto, cor e gráficos por toda parte. A seção do herói exibe um menu que fica abaixo do topo da tela, flutuando acima do plano de fundo da tela inteira e dos elementos gráficos. Um grande gráfico inclui texto em chinês de um lado e um CTA do outro. Gráficos semelhantes com texto em chinês aparecem em várias das seções. Texto grande com design oriental é usado para os títulos. Os preços são mostrados com módulos de texto sobre um fundo estilizado que se parece com um menu de comida chinesa. Eu gosto da seção de informações de contato. Inclui um CTA de reserva com uma imagem de um lado e informações de contato do outro. Um formulário de reserva se sobrepõe a isso e inclui uma borda estilizada. Eu amo a arte de fundo neste.

Visite a Panda Remiremont

10. Allianz Brno

Este site foi enviado por Michal Teska. Tem muito espaço em branco com destaques verdes e azuis que se encaixam perfeitamente no gênero. A seção do herói exibe uma imagem de largura total com um CTA de um lado e a equipe do outro. Os membros da equipe e os locais são identificados com uma fonte que parece ter sido escrita à mão. As informações sobre os serviços são fornecidas com sinopses simples. Em seguida, há uma seção de sinopses maiores com ícones circulados que mudam de cor ao passar o mouse. As sinopses também exibem uma borda ao pairar. Os ícones se sobrepõem às bordas. Eu gosto da seção da equipe. Ele exibe imagens circulares da equipe com bordas grossas. As imagens dos membros da equipe continuam fora do círculo. A imagem muda ao passar o mouse para mostrar o membro da equipe sorrindo. O mapa embutido também é interessante. É leve e combina com o fundo de um lado. As informações de contato se sobrepõem ao mapa.

Visite Allianz Brno

Empacotando

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