Divi Design Showcase: novas inscrições de outubro de 2018

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 2018

1. Orbicon Informatics

Este site foi enviado por Janus Lock. Ele tem uma animação interessante que é reproduzida como um vídeo de fundo no cabeçalho. O azul no azul combina perfeitamente com a marca do site. A fonte grande do cabeçalho funciona bem com o tema técnico. Conforme você rola, o texto alinhado verticalmente fica no lado esquerdo da tela, fornecendo um link de volta para a página inicial. O layout é limpo e usa gráficos simples para guiá-lo durante o processo. Cada uma das páginas é numerada. Esses números são refletidos no menu de tela inteira. Eu gosto do design da página de arquivo, que mostra grandes blocos azuis com texto que revelam imagens por trás de sobreposições ao passar o mouse e a página de módulos que usa ícones relevantes.

Visite o site

2. Growmodo

Este site foi enviado por Paul Preisler. Este site usa muitos gráficos de design plano e espaço em branco extra para criar um layout limpo. A seção como funciona também usa gráficos simples. As imagens usam sobreposições de gradiente para depoimentos em imagens grandes com texto sobreposto e dentro da imagem circulada para os módulos de depoimento. Eu gosto da seção de talentos criativos com divisórias angulares para a parte superior e inferior, imagens circuladas em vários tamanhos com efeitos de sombra e linhas conectando-as. As imagens em destaque do blog também usam sobreposições de gradiente. Os serviços são mostrados com cartões usando marcadores verdes, animações de foco e efeitos de sombra.

Visite o site

3. Solvido

Este site foi enviado por Dmytro. Este site usa vários tons de azul escuro para criar alguns fundos gradientes interessantes. O cabeçalho é único na forma como fornece um bloco com links para serviços, blog e produtos. Cada um dos elementos dentro do bloco inclui efeitos de foco. Várias das seções usam ângulos para as divisórias, com algumas indo em várias direções. Eu gosto da seção onde eles discutem seu alcance. Ele mostra os logotipos da empresa dentro de círculos, com os logotipos se movendo ligeiramente. Os serviços são mostrados em blocos simples com apenas um ícone e um título e efeitos de foco para a borda. Blocos semelhantes aparecem no mega menu, mas eles usam fundos gradientes para se destacarem. Imagens semelhantes são usadas para categorias e imagens em destaque na página do blog.

Visite o site

4. Festival Cock & Bull

Este site foi enviado por Ross Pope. Este site usa cores fortes e design plano por toda parte. Gráficos de arbustos e mãos decoram as bordas do cabeçalho para ajudar a chamar a atenção para o CTA no centro. Os gráficos relâmpago ajudam a chamar a atenção para o texto da próxima seção. Eu gosto da seção de multi-layout com imagens que incluem bordas grossas e zoom ao pairar. Esta seção tem mais gráficos de arbustos que se sobrepõem às imagens. O opt-in de e-mail usa bordas que parecem desenhadas à mão. Também gosto do rodapé que mostra as pessoas em silhuetas de cores sólidas. As cores neste site realmente se destacam. É um excelente exemplo de como cores, fontes e gráficos podem definir o clima de um site.

Visite o site

5. Treinamento de cães ambulantes

Este site foi enviado por Jeremiah Lloyd. A seção herói mostra uma imagem e uma frase de chamariz em uma tela dividida que define o design para o resto do site. As imagens usam bordas coloridas de pêssego escuro em 3D que combinam com o estilo do botão. Outra imagem usa uma borda azul, que combina com os depoimentos que usam tanto o pêssego azul quanto o escuro. Eu amo as cores de fundo que variam do branco ao bronzeado claro. As cores funcionam bem com as fontes e divisórias para criar um estilo elegante. O blog também segue esse estilo, mas adiciona uma borda de linha fina aos cartões de blog. A barra lateral do blog é um dos designs mais limpos que já vi, fornecendo informações sobre o blog que não distraem ou são muito fáceis de ignorar.

Visite o site

6. Woods Hole Tile Company

Este site foi enviado por Nelson Miller. Este é um design de uma página que usa muitas imagens com bordas 3D na página inicial com títulos, texto e botões sobrepostos para visualizar o conteúdo - criando um design de cartão de blog. As imagens se alternam conforme você rola e são amarradas com linhas verticais que o guiam pelo processo e em seu formulário de contato no rodapé. Isso é interrompido perto do meio da página com uma seção azul escuro de sinopses que apresentam as seções de serviços que se seguem. As seções de serviços também usam os mesmos ícones desta seção azul para uni-los. Eu amo como as fontes e cores funcionam bem juntas neste site.

Visite o site

7. Projeto Brinart

Este site foi enviado por Sabrina Rowland. Um vídeo de fundo de alguém pintando é reproduzido atrás da sobreposição amarela para ajudar a mostrar do que se trata o site. O título se sobrepõe ao fundo e o slogan é colocado perfeitamente dentro do bloco amarelo para chamar a atenção. O amarelo é usado em todo o site para cores de fundo. A seção de serviços mostra três colunas de sinopses com um CTA enquanto o título da seção é impresso verticalmente. Gosto da simplicidade da seção de contato, que usa um fundo amarelo com divisor em ângulo e um pequeno formulário de contato com efeitos de sombra que se sobrepõe à próxima seção para criar as informações de contato.

Visite o site

8. Happy Digital

Este site foi enviado por Djaya De Vries. Um CTA fica sobre uma imagem de plano de fundo de tela inteira com um divisor de seção arredondada com várias sombras. Links para projetos e serviços são colocados dentro de caixas laranja escuro que mudam para branco com efeitos de sombra ao pairar. Essa laranja é usada em todo o site como destaque para botões e texto, no menu, como planos de fundo para mostrar os benefícios e como dois dos ícones multicoloridos nas páginas de serviços. Uma das minhas seções favoritas na página inicial é um controle deslizante que se sobrepõe a duas seções. As seções e o controle deslizante usam cores sólidas para criar um design elegante. O laranja e o branco combinam muito bem com o azul escuro em todo o site.

Visite o site

9. Jeremy Mura

Este site foi enviado por Jeremy Mura. Sou fã de cores fortes quando funcionam bem e este site usa laranja forte na perfeição. O cabeçalho inclui um fundo de desenho animado de um castelo sobre um gradiente laranja e um CTA com texto branco, um botão azul com sombra e um botão laranja com uma borda branca. A seção de projeto de quatro colunas mostra imagens quadradas de projetos em duas linhas, sem espaço entre elas. Gosto da seção sobre o processo de design, que numera as etapas e usa ícones grandes para cada etapa. Também gosto do CTA de largura total em laranja em negrito com texto branco. O blog usa títulos laranja sobre um fundo branco.

Visite o site

10. Ad Conseil

Este site foi submetido por FJ LAHIANI. Este faz excelente uso de texto em cinza escuro e azul acinzentado e elementos gráficos sobre fundos off-white e cinza claro para criar um design elegante. Os gráficos são usados ​​para mostrar conhecimentos e habilidades com títulos simples e barras verticais separando-os. As sinopses não usam bordas, sombras ou efeitos de foco. A página da equipe segue o mesmo design para mostrar os membros da equipe. As páginas de referência e treinamento também usam esse estilo de sinopse e exibem o texto com marcadores alternados. O foco do design neste site é a simplicidade e funciona bem.

Visite o site

Conclusão

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, 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 email “ENVIO DO SITE DIVI”.

Também gostaríamos de ouvir de você nos comentários! Diga-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 DRogatnev / shutterstock.com