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

É hora de mais uma vez para nosso Divi Showcase mensal, onde daremos uma olhada em 10 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 quero compartilhar com vocês os dez melhores sites do mês de setembro. 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 setembro de 2018

1. Pixels e lápis

Este site foi enviado por Tyler Diaz. Um belo cabeçalho de tela inteira mostra sobre o que este site trata, usando gráficos e cores junto com designs interessantes. A próxima seção mostra os logotipos do cliente com um botão para saber mais. Uma seção de trabalho em destaque exibe projetos como cartões com imagens, texto, botão e efeitos de sombra. Adorei a última seção, que mostra outro conjunto de gráficos com uma simples frase de chamariz e botões sociais colocados em uma seção angular. A página de trabalho exibe versões maiores dos cartões de projetos, com cada um levando o visitante a uma página de detalhes do projeto simples e elegante. Também adoro o uso simplificado de cores e gráficos.

Ver site

2. Andrea Masotti

Este site foi enviado por Andrea Masotti. Este site faz uso interessante dos módulos do Divi. Três linhas mostram três colunas que incluem texto nas extremidades direita e esquerda e um gráfico no centro. O texto e os gráficos usam contornos pretos com branco para cores que combinam com o fundo. Cada linha é separada por uma linha preta. Passar sobre a linha torna todos os seus elementos pretos. Passar o mouse sobre um elemento específico na linha muda sua cor para vermelho (para texto) ou vermelho e azul (para gráficos). Os gráficos em vermelho e azul são usados ​​como elementos de cabeçalho para as páginas do portfólio. Este site é um excelente exemplo de como algo simples pode fazer uma grande declaração.

Ver site

3. Adriano Alfaro

Este site foi enviado por Adriano Alfaro. Ele exibe um cabeçalho em tela inteira com um título e uma descrição seguidos por um breve sobre a seção com acompanhamento social para que você possa saber instantaneamente do que se trata o site e interagir com o designer. Blurbs com ícones grandes, descrições e links mostram os serviços. As próximas seções são minhas favoritas. Eles exibem uma imagem de um lado e o texto do outro em largura total e incluem links para o portfólio. Eles alternam os lados conforme você rola. Um fundo de vídeo é reproduzido por trás de um prêmio com citação e CTA. Adoro a página do portfólio, que exibe imagens de parede a parede de projetos clicáveis. As páginas individuais do projeto são onde este site realmente brilha. Eles são um belo exemplo de design de layout moderno. Certifique-se de consultar a página da Fiat.

Ver site

4. Emily Merchant

Este site foi enviado por Emily Merchant. Este cria um cabeçalho interessante usando um CTA. O CTA é criado com uma imagem, borda, tipo de trabalho fornecido, título e botões. Três imagens estão embaixo disso. Eles incluem um título em uma sobreposição. O pairar muda de cor e mostra uma borda, criando um CTA elegante da página do projeto. Uma seção sobre é criada com uma citação e um texto. Outro CTA do portfólio desenha gráficos conforme você rola até ele. A página do portfólio cria um layout de várias colunas com cada imagem tendo suas próprias cores de sobreposição e continuando os efeitos de foco.

Ver site

5. INTRODUÇÃO

Este site foi enviado por Vincent Valentino. Este faz ótimo uso de cores fortes e efeitos de paralaxe. O cabeçalho em tela inteira inicia o site com um bom plano de fundo que mostra o texto e os botões. Uma seção que mostra o que eles fazem exibe um mapa topográfico com bordas recortadas para separá-lo de uma seção de sinopses, que exibe blocos com efeitos de sombra. Eu amo as seções com estudos de caso. Uma imagem do design completo é mostrada no fundo enquanto o texto é sobreposto e uma imagem rola em paralaxe. Projetos recentes são exibidos em um layout de várias colunas. Este site faz excelente uso de um design de uma página.

Ver site

6. Estação meteorológica

Este site foi enviado por Pierre Lannoy. Este é o site de um aplicativo. Mantém o design simples e faz um ótimo uso de cores. Eu gosto especialmente dos fundos azuis com um gradiente sutil que é usado em todo o design. Uma separação de seção ondulada diferencia o cabeçalho, enquanto os benefícios são mostrados com imagens e módulos de texto. O site também faz bom uso de contadores de números, que realmente exibem estatísticas úteis de downloads e instalações públicas. Logo abaixo dela, há uma seção que mostra as classificações do aplicativo e inclui gráficos da classificação por estrelas. Os depoimentos são claros e incluem efeitos de sombra. Também gosto da página do blog, que exibe imagens como cartões em duas colunas com uma sombra de caixa, um título e um botão. Pairar mostra uma sobreposição azul com um trecho da postagem. A postagem mais recente é mostrada em tamanho real em uma única coluna. As postagens individuais também usam efeitos de sombra de caixa e incluem módulos de navegação e comentários de postagem.

Ver site

7. Goodimalista

Este site foi enviado por Daragh Wallace. Este site se concentra em um layout de blog. Ele exibe um cabeçalho extra grande para mostrar o logotipo na frente e no centro. Abaixo dele, há dois menus de navegação: os tópicos principais são colocados no menu principal e os subtópicos são colocados em um menu secundário com uma fonte ligeiramente menor em verde. Uma postagem em destaque mostra uma imagem à esquerda e o título, categorias, trecho e botão leia mais à direita em uma caixa menor. Juntos, eles ocupam toda a largura da área de conteúdo. Em seguida, há uma seção de blog com 9 postagens em três colunas. As postagens exibem a imagem em destaque, o título, as categorias, um pequeno trecho e um botão. O escritor em mim adora a seção de largura total mostrando a definição do título do site. As postagens do blog também mantêm um design limpo com a imagem em destaque, texto, um CTA, um controle deslizante de imagem, um vídeo (para algumas das postagens) e uma seção do blog com três postagens. Este site é um ótimo exemplo de design de blog limpo.

Ver site

8. Jerrix

Este site foi enviado por Jeroen Rotty. Ele usa algumas das minhas cores favoritas (sou do Tennessee, e tenho preferência pelo laranja). O cabeçalho usa paralaxe com um CTA. Um separador de seção estilizado ajuda a criar o espaço em branco para a próxima seção, que fornece informações 'sobre' com um link e uma foto circulada. Os serviços são mostrados com grandes ícones de duas cores que utilizam realces laranja e efeitos de foco. Capturas de tela de trabalhos recentes também usam efeitos de foco e incluem um efeito de caixa de sombra. A página do portfólio continua o design de trabalho recente. Clicar em um leva você ao próprio site para que possa ver o trabalho em primeira mão. A página do WordPress exibe os benefícios em duas colunas e inclui gráficos desenhados à mão em toda a página. Eu amo as cores neste site.

Ver site

9. Mães em risco

Este site foi enviado pela Swag Design Factory. Ele usa um design em caixa com um layout de várias colunas. O cabeçalho exibe o logotipo, o menu e os botões de acompanhamento social verticalmente de um lado com um vídeo e slogan do outro lado. Uma seção de imagem e informação usa o mesmo layout de linha, mas alterna a imagem e o texto. Várias seções de duas colunas mostram uma imagem com um botão sobreposto e um texto com CTA. Um depoimento de largura total utiliza o logotipo e as cores do site para se misturar perfeitamente. As postagens individuais do blog exibem um padrão de fundo com o título e os botões sociais para seguir para o cabeçalho seguido pela postagem e barra lateral, que são estilizados para combinar com o site. Eu adoro os destaques em verde escuro e rosa usados ​​em todo o site.

Ver site

10. Wems Wireless

Este site foi enviado por Philip Wantling. Utiliza cores de marca (laranja e verde) com imagens de eletrônicos (com as mesmas cores de marca) para descrever este site de negócios. Isso é visto no cabeçalho de tela inteira e em todo o site. Quatro imagens em duas colunas vinculam os vários produtos. Eu amo o CTA que fornece uma animação com título e botão. Ele se sobrepõe à seção anterior (de logotipos do cliente) e é acompanhado por um conjunto de sinopses para descrever os benefícios. CTAs para demonstrações usam fitas de destaque nos cantos das imagens. Os produtos são mostrados com layouts de várias colunas que levam a links de produtos. As páginas individuais dos produtos também incluem um estilo Divi agradável para as descrições dos produtos e padrões de fundo da página. Este site faz ótimo uso do design e da cor do layout.

Ver site

Para concluir

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