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

1. Progresso

Este site foi enviado por Azer Gunes. Ele usa muitos planos de fundo pretos com texto grande em branco e realces em amarelo brilhante por toda parte. O menu de navegação começa com um fundo transparente e exibe o logotipo, links e alguns CTAs com fundo amarelo. Depois de rolar, o cabeçalho muda para um fundo preto, os CTAs agora têm títulos e os links do menu são movidos para um menu de hambúrguer que aparece no lado esquerdo. Os botões em todo o site trocam de cores ao pairar. Os trabalhos são mostrados como um tipo de postagem personalizada e incluem uma imagem quadrada com um link clicável no canto. Os membros da equipe são mostrados em um controle deslizante colocado sobre um padrão de fundo em um dos lados. O rodapé exibe informações sobre um fundo amarelo e coloca links de mídia social em um padrão de bloco. Eu amo o uso de amarelo e preto neste site.

Visite o site

2. O Calabouço de Neheulbeuk

Este site foi enviado por Thibault Jullian. Se você é um jogador de RPG, este site o atrairá imediatamente. Um vídeo de fundo cria a aparência de um controle deslizante animado deslizando de uma cena para outra e mostrando a cena em câmera lenta. O primeiro plano exibe o título estilizado e os botões CTA. Os logotipos do estúdio são colocados sobre um desenho de blocos de pedra acima de uma porta por onde um personagem de desenho animado está entrando na sala. Conforme você rola para essa seção, o texto borrado desliza das laterais e entra em foco quando atinge seu local. As informações sobre o jogo são mostradas em sinopses usando ícones personalizados e texto estilizado com realces dourados. Um vídeo é incorporado em um fundo que funciona como um pôster de jogo. As capturas de tela são mostradas em uma galeria de alvenaria. Este site faz excelente uso de gráficos e texto dourado sobre fundos pretos.

Visite o site

3. Trafoos

Este site foi enviado por samant jaitli. Este site é uma loja online que encontra uma forma interessante de usar cores. A seção de herói exibe imagens à direita e esquerda e botões no centro sobre um fundo com cores suaves de amarelo e azul do site. As cores de fundo das imagens do produto também utilizam essas cores e várias outras. Algumas das imagens do produto têm uma sombra que faz com que o produto se destaque do fundo. Um cronômetro de contagem regressiva mostra um logotipo. Outros produtos incluem uma borda de um lado com a imagem colocada sobre um fundo colorido do outro lado que cria uma sobreposição de cores usando o azul e o amarelo da seção do herói. Uma seção de novidades adiciona sombras de caixa aos produtos. O rodapé também é interessante. Ele divide a tela com uma grande coluna azul e uma coluna menor amarela. Cada uma das colunas fornece informações diferentes. Desenhos animados de pandas aparecem em todo o site, incluindo o logotipo.

Visite o site

4. Nancomcy

Este site foi enviado por Marc HENRY. Este site usa muitos elementos gráficos com formas com bordas arredondadas que mostram imagens de fundo. A seção do herói mostra vários deles verticalmente com o mais proeminente exibindo um vídeo de fundo. Outros exibem cores ou imagens. Outra seção mostra vários horizontalmente. Eles são muito mais finos, ocupam quase toda a largura da tela e são colocados em um layout alternativo. Eles incluem imagens de fundo com texto extragrande como título e texto menor sob o elemento gráfico como descrição. Uma seção de contadores de números é semelhante a estes e inclui um gradiente de fundo azul / preto com texto dourado. Os depoimentos são colocados sobre uma imagem de fundo com o texto na sobreposição. Também gosto da seção que mostra o elemento gráfico no centro e sinopses em ambos os lados. O gráfico central é colocado sobre um gráfico de folhas para destacá-lo.

Visite o site

5. Foster e Associados

Este site foi submetido por Flavio Mester. Este faz uso interessante de blocos de cores, começando pelo menu. O cabeçalho é um conjunto de dois blocos que ficam no canto superior direito e permanecem no lugar. O bloco esquerdo inclui o título sobre um fundo branco translúcido. O menu de hambúrguer extragrande fica no bloco certo com um fundo preto translúcido. Cada seção desliza no lugar conforme você rola para baixo no site. As seções são separadas da seção do herói por uma faixa azul. Um bloco de cores fica na extremidade esquerda da seção e inclui tons alternados de bege e cinza escuro. As próprias seções alternam entre branco e cinza claro. Um depoimento ocupa toda a largura da tela e posiciona o texto sobre uma imagem de fundo com uma sobreposição escura. A página Publicações inclui podcasts incorporados.

Visite o site

6. Projetar

Este site foi enviado por Tobija da Designup. Este faz excelente uso de roxo e cores relacionadas para a marca. A seção do herói exibe um vídeo atrás de uma sobreposição roxa com uma descrição e CTA em primeiro plano. O cabeçalho inclui links com muito espaço entre eles e um CTA em gradiente vermelho em negrito. Várias seções incluem um fundo roxo, padrões de fundo ou ambos. A seção de histórias de sucesso mostra imagens de trabalhos em telas de computador com botões roxos para ver o trabalho. Outra seção usa sinopses com ícones roxos. Uma seção se encaixa entre esses dois com um fundo gradiente verde que se destaca. Os padrões de fundo das seções anterior e seguinte se sobrepõem a este. A página Custo tem uma calculadora exclusiva com uma seção vermelha que gruda na parte inferior da página até chegar a essa seção enquanto rola. As cores da marca funcionam bem para unir este design.

Visite o site

7. Sempre continue progredindo

Este site foi enviado por Ragz Thompson. Este site faz uso elegante do verde e do laranja nas cores da marca, começando no logotipo e CTA no cabeçalho. A seção do herói exibe quatro sinopses que se sobrepõem à imagem em tela inteira. Eles incluem cantos arredondados, ícones grandes, diferentes tons de fundo verde, sombras de caixa interna e mudam para laranja ao pairar. As sombras internas dão às sinopses um efeito de sobreposição, fazendo com que pareçam se sobrepor. Verde é muito usado para títulos, sinopses e ícones. Laranja é muito usado para cores de fundo de botões. A maioria dos botões inclui sombras de caixa para se destacar. Os botões flutuantes de mídia social também estão em verde e mudam para laranja ao passar o mouse. Divisores de seção ondulada fazem as seções se destacarem umas das outras com estilo, enquanto as cores de fundo mantêm a divisão sutil.

Visite o site

8. florianboetler.com

Este site foi enviado por Florian Bolter. Este é um excelente exemplo de site de currículo. Faz uso interessante de cores para destaques em todo o site, ao mesmo tempo que dá espaço suficiente a todos os elementos da web. Um texto grande em um lado da seção principal apresenta o proprietário do site e inclui botões estilizados com um fundo deslocado atrás de um. Um gráfico estilizado do outro lado inclui cores que se repetem em todo o site. Gosto das seções de projetos. Ele exibe um estudo de caso com uma imagem de um lado e um título, descrição, palavras-chave, um botão estilizado e um gráfico do outro. Os projetos são colocados em layout alternado e cada um possui um gráfico diferente usando cores fortes. Uma seção de contato exibe grandes ícones sociais que se inclinam ao pairar. Os estudos de caso fazem grande uso da fotografia.

Visite o site

9. Aspire Attestation

Este site foi enviado por Dijimoe. Este usa muito azul escuro para fundos e verde claro para destaques. As cores combinam perfeitamente para dar ao site um design interessante. A seção do herói exibe uma imagem de fundo com um gradiente de azul e verde para misturar as cores. Ele também usa um divisor de seção de seta para baixo que se mistura com a próxima seção, que mostra os países populares como grandes sinopses com uma imagem e sobreposições azuis. O primeiro plano mostra o nome e o botão em verde claro e as informações em branco. Passar o mouse altera a sobreposição para verde e adiciona uma borda interna verde e uma linha branca. A imagem aumenta ao passar o mouse. Também gosto do mapa que exibe verde claro sobre um fundo azul escuro. Inclui que mostra os nomes dos locais ao passar o mouse. O lado esquerdo exibe texto giratório com nomes de locais. Os Blurbs usam letras verdes como elemento de plano de fundo para soletrar a palavra RÁPIDO.

Visite o site

10. Elabore

Este site foi enviado por Narathip da Devise. Ele usa tons de preto e branco para criar um design sofisticado. A seção do herói tem um controle deslizante de tela inteira com cada slide mostrando uma imagem de fundo e uma sobreposição de cor diferente. O texto de um lado mostra o título e a descrição. As imagens dos slides são exibidas em paralaxe. Cada uma das seções do site inclui um título sublinhado à esquerda e uma fonte ainda maior para uma descrição no centro. Os planos de fundo são esbranquiçados, pretos ou cinza escuro. A seção sobre sua abordagem mostra imagens de exemplo com descrições. A seção sobre o trabalho deles mostra os projetos como imagens grandes e um link para ver mais. Os logotipos do cliente são exibidos em branco sobre um fundo cinza escuro. As páginas dos projetos são ainda mais elegantes e incluem fotos grandes e detalhadas sobre fundos estilizados. As vagas de emprego são mostradas dentro de sinopses. Eu amo a fotografia e as cores deste site.

Visite o site

No Fechamento

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