Divi Design Showcase: novos envios de julho de 2019

Chegou a hora do nosso Divi Showcase mensal, onde damos uma olhada em 10 sites da Awesome 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 julho. 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: novos envios de julho de 2019

1. Enash

Este site foi enviado por Nicolas. O site usa muito texto extragrande para o título e para as frases de chamariz. A seção do herói exibe um grande fundo verde com o título e o slogan. Uma linha com texto informa ao usuário para rolar. A rolagem revela uma seção de duas colunas. A esquerda mostra um CTA com texto grande e um botão em bloco extra grande. A direita mostra uma imagem em verdadeira paralaxe. Outra grande seção exibe informações sobre seus serviços usando texto grande para apresentar a seção e sinopses de cada serviço. Outra grande seção mostra os nomes dos clientes seguidos por um rodapé revelador que inclui informações de contato e um menu. Adoro o design da página Projetos, que usa grandes sobreposições coloridas com alta opacidade sobre as imagens em paralaxe.

Ver site

2. Ljuba - Riflessi Digitali

Este site foi enviado por Ljuba. Ele exibe uma imagem em tela inteira do proprietário do site de um lado com o título e o logotipo do outro. Sob a imagem principal, há uma seção fina de largura total com um slogan em uma fonte com script e um formulário de inscrição de e-mail. Uma seção sobre apresenta ao proprietário um CTA seguido por vários CTAs com muitas cores suaves, fontes com script e gráficos elegantes. A seção do blog exibe postagens com uma pequena sobreposição que inclui o título do blog. Um formulário de contato simples fica sobre um fundo padronizado. O rodapé inclui um feed do Instagram. Gosto da página do portfólio. Ele exibe os exemplos em telas de computador em uma mesa e inclui o título em uma sobreposição na parte inferior.

Ver site

3. Modo de sucesso

Este site foi enviado por Aaron Robertson. O site usa muitas cores fortes, incluindo planos de fundo, gráficos, botões, títulos, links e o CTA no menu. A seção do herói exibe uma sobreposição sobre uma imagem em paralaxe. A sobreposição fornece informações e links para o produto de um lado e imagens estilizadas do produto em dispositivos móveis do outro. Os recursos são exibidos em sinopses usando gráficos coloridos como ícones. Um CTA de largura total usa texto grande, um gráfico grande e um botão em negrito sobre um fundo escuro. Outro CTA tem um design semelhante à seção do herói, mas usa um único gráfico estilizado do aplicativo no celular. Muitas das outras páginas estilizam os módulos Divi com cores fortes semelhantes. Gosto especialmente dos módulos de áudio com imagens de fundo e sobreposições. Este site faz um excelente uso da cor.

Ver site

4. Eric Hooper

Este site foi enviado por Ty Hooper. Ele exibe uma montagem de imagem como plano de fundo da seção do herói com o logotipo e o slogan no centro em uma sobreposição. Segue-se uma seção sobre de largura total, mostrando uma imagem de um lado e informações do outro. Uma seção de capítulos exibe as postagens do blog em uma grade. Os próprios capítulos exibem uma imagem de fundo de papel envelhecido com texto de um lado e uma imagem do outro. O texto e as imagens alternam locais ao longo do capítulo. Os botões de navegação do blog incluem o logotipo do site. A página Imagens mostra uma galeria de parede a parede. A página Documentos é semelhante, mas adiciona títulos. A página Entrevistas inclui uma combinação de vídeo embutido e imagens de documentos em um layout de várias colunas.

Ver site

5. Harmona Beach Hotel

Este site foi enviado por George Paratsokis. Conforme o site carrega, somos apresentados a um pré-carregador do logotipo. Após o carregamento, a seção do herói exibe uma grande imagem de fundo com uma sobreposição que cobre a maior parte da imagem. Aparecendo à esquerda da imagem estão o título e o slogan dentro de uma caixa animada que está parcialmente aberta em um lado. A caixa, o logotipo, o texto do título, os botões, os ícones sociais e o CTA no menu são um belo bronzeado que combina com a marca do site. Uma seção sobre exibe um link com um círculo que se anima para sublinhar o texto ao passar o mouse. As salas são mostradas em cartões com o título na parte inferior da imagem. Ao passar o mouse, uma sobreposição aparece sobre a imagem, o título se move para o centro e, em seguida, um link Leia mais aparece. Um CTA de largura total exibe uma sobreposição semelhante à seção do herói e desenha a caixa ao redor do texto, sobrepondo o botão.

Ver site

6. Site profissional Basel

Este site foi enviado por Benny Hozjan. Este é um design de uma página com muitos detalhes, como um ponto roxo que segue as seções e destaca a seção no menu e uma barra de navegação com estilo correspondente. A seção do herói mostra um fundo padronizado com formas coloridas com um slogan no centro seguido por um gráfico que se sobrepõe à próxima seção. Uma seção sobre mostra como funciona usando sinopses com ícones animados que saltam mesmo se você não estiver pairando sobre eles. Várias seções exibem informações com texto de um lado e gráficos do outro. Os serviços são exibidos em sinopses que incluem animação instantânea, imagens, títulos e um ponto estilizado na parte inferior. Um CTA de largura total exibe uma linha curta de texto em letras grandes com um slogan menor de um lado e um botão animado do outro. Uma seção de logotipos do cliente usa o mesmo plano de fundo que a seção do herói, mas exibe-o em paralaxe para criar uma aparência diferente.

Ver site

7. Apenas VR

Este site foi enviado por Reinhard Wedemeyer. O site usa muito vermelho sobre fundos escuros e claros para sua marca. A barra superior adiciona um FAQ e vários links sociais. A seção de herói exibe um fundo de tela inteira com um Cinemagraph para destacar o produto de um lado e o título e CTA do outro. A próxima seção mostra informações em uma sinopse e imagens dos produtos nos controles deslizantes. Outra seção de sinopses inclui ícones multicoloridos que correspondem à marca do site. Um CTA de largura total exibe o texto e o botão de um lado sobre um fundo vermelho com um gráfico do produto do outro. Uma das minhas seções favoritas mostra 8 imagens menores dos produtos com uma descrição no meio. Um formulário de contato detalhado é colocado sobre a imagem de fundo que é usada na seção do herói. As páginas de produtos individuais mostram o produto sobre um fundo vermelho em negrito. Um pop-up de CTA no canto o orienta para as perguntas frequentes que incluem uma imagem do produto.

Ver site

8. Nicolai Soerensen

Este site foi enviado por Nicolai Soerensen. Ele exibe uma grande imagem de plano de fundo com uma sobreposição e um CTA no centro. A rolagem revela uma seção de duas colunas com um CTA de um lado com botões verdes que correspondem ao CTA no menu e uma imagem do escritório do outro. A página inclui vários CTAs semelhantes. Uma seção Sobre mostra informações de um lado com uma imagem circulada e um prêmio do outro. Várias seções de sinopses incluem imagens desenhadas em linhas verdes que correspondem à marca do site. Os estudos de caso são mostrados como imagens grandes com divisória, título e descrição. Um botão ler mais aparece ao passar o mouse. Eu gosto da seção de logotipos cinza dentro de uma grade alinhada que não está fechada nas bordas externas. É um elemento mínimo que causa um grande impacto. A página Marketing mostra imagens de clientes com estatísticas detalhadas.

Ver site

9. Emerge

Este site foi enviado por Christian Schick. Apresenta um fundo verde com uma divisória ondulada com o CTA de um lado e uma imagem do outro que se sobrepõe à próxima seção, que mostra uma imagem e informações detalhadas. As imagens são afastadas umas das outras e são diagonais para criar um efeito visual interessante. A próxima seção mostra o texto de um lado e os ícones do outro. Os ícones usam fundos sólidos com formas estilizadas para se destacarem. As formas correspondem ao logotipo. Gosto da seção de projetos. Cada projeto mostra uma imagem ao lado de um bloco de texto em um layout de várias colunas. Um módulo de texto fica no centro de uma seção com divisórias onduladas que se sobrepõem à seção seguinte que leva a um CTA e, em seguida, ao rodapé estilizado com um formulário de e-mail simples sobre um padrão ondulado. Cada uma das páginas usa um fundo ondulado com um gradiente na sobreposição do título, que também inclui ícones e uma frase de efeito.

Ver site

10. Pessoas da manhã

Este site foi enviado por Lucy. A página inicial é um mosaico de imagens em um layout de várias colunas. As imagens são estilizadas com sobreposições artísticas e outras imagens cortadas juntas. As imagens dos palestrantes direcionam para suas páginas pessoais. Passar o mouse sobre eles revela uma caixa de texto com seu nome e título e uma borda verde nos dois lados. Outras imagens da empresa são utilizadas para preencher espaços onde for necessário e não vinculam a nada. A página de alto-falantes exibe imagens grandes em uma grade com títulos abaixo delas. As páginas pessoais funcionam como postagens de blog e exibem uma imagem em tela inteira seguida pelo conteúdo. As citações dentro do conteúdo estão em verde e correspondem aos links de navegação do blog. O conteúdo inclui três colunas com um logotipo à esquerda, o conteúdo principal no centro e informações em uma barra lateral à direita.

Ver site

No Fechamento

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