Divi Design Showcase: novas inscrições de junho de 2019

Chegou a hora do nosso Divi Showcase mensal, onde daremos 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 junho. 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 junho de 2019

1. Marie Bouzkova

Este site foi enviado por Michal Teska. Este é um design de uma página que usa um menu de navegação apenas para o título e links de mídia social e coloca o menu na parte inferior da página. O menu permanece no lugar enquanto você rola. A seção principal mostra uma grande imagem do proprietário do site de um lado, sobre o plano de fundo da tela inteira. O nome e as estatísticas são colocados do outro lado. Os títulos de cada uma das seções exibem um texto grande atrás do título. Destaques de carreira mostra imagens sobrepostas de um lado com os destaques em sinopses do outro, seguido por um vídeo incorporado. As imagens são mostradas na galeria de alvenaria e abertas em um controle deslizante de tela inteira. A seção Equipe mostra tiros na cabeça da equipe com um padrão de fundo. A seção Seguir inclui feeds incorporados do Facebook e do Twitter. O site faz uso interessante de cor e texto.

Visite o Site

2. MWS Digital

Este site foi enviado por Kaelynn Midgley. Tem uma página de destino limpa com foco em chamadas para ação. O cabeçalho exibe as principais informações no centro da página com o logotipo, slogan e CTA. Um gráfico com CTA para sua abordagem se sobrepõe à próxima seção. Uma seção de 2 colunas mostra uma imagem no celular em uma coluna com texto na outra coluna. As próximas seções seguem este design e alternam para baixo na página. A seção do blog exibe imagens quadradas com texto e sobreposições escuras, criando um design limpo e elegante. Gosto da seção de links para serviços. Mostra o serviço em grande formato vinculado a cada serviço. Este site faz uso elegante de cores e layouts.

Visite o Site

3. Una Papaya

Este site foi enviado por Andrea El-Bardawil. O site é um design de uma página que usa muitos fundos paralaxe com imagens sobre um padrão de fundo. O primeiro plano exibe imagens que interagem com os planos de fundo conforme você rola. O primeiro plano inclui um texto grande que descreve a próxima seção. As informações são fornecidas em sinopses com gráficos apropriados. Uma seção numerada exibe informações com um CTA. Exemplos dos trabalhos mais recentes são mostrados em um controle deslizante com uma descrição e um link sobre um fundo vermelho em negrito. Este site faz ótimo uso do tema frutas, imagens paralaxe e cores fortes de vermelho e laranja.

Visite o Site

4. Limão Fresco

Este site foi enviado por Josh Allan. O site usa verde limão como a cor da marca nos gráficos, como ícones, logotipo e CTA do menu (após a rolagem), bem como botões e texto, e azul para planos de fundo e botões. A seção do herói mostra um padrão de fundo interessante de vários tons de azul escuro com um gráfico de edifícios com pessoas. O primeiro plano exibe o título, a frase de efeito e o CTA. Os serviços são descritos em sinopses com ícones verdes. Outra seção mostra informações de um lado com um gráfico de um edifício e pessoas do outro lado que corresponde à seção do herói. Cada uma das páginas faz um excelente uso de gráficos e planos de fundo padronizados.

Visite o Site

5. Rancho no rio

Este site foi enviado por Kelsey Spectre. Ele usa um logotipo extragrande que se sobrepõe ao menu e à próxima seção. O menu aparece suficientemente baixo na tela para que parte da imagem principal apareça acima dele. A imagem de largura total mostra a localização e usa o céu na imagem para colocar o texto do título. Um CTA do boletim informativo aparece sob este usando uma fonte com script como o título que parece escrito à mão. As imagens são usadas como links para páginas de informações. Várias seções exibem mapas ou imagens de um lado com texto do outro para descrever locais ou fornecer informações. As várias páginas mostram imagens de largura total dos locais e usam gráficos feitos à mão ou imagens de satélite para mapas. As cores dos fundos e do texto combinam perfeitamente com o tema do rancho.

Visite o Site

6. Eden River Equestrian

Este site foi enviado por Salma Sheriff. Inclui uma barra de menu superior com links de contas, uma grande área de logotipo e, em seguida, a navegação principal com um fundo azul que se torna mais estreito do que o resto do site. A imagem de plano de fundo principal exibe um slogan e um CTA da loja em uma sobreposição. Os títulos são verdes ou marrons para caber no design do site. Um CTA do Facebook descreve o grupo em uma caixa colorida que se destaca. Ele usa uma imagem circulada e um botão que liga ao grupo. Uma seção sobre o podcast usa imagens com títulos para vincular aos episódios mais recentes. Outra seção que se destaca é um conjunto de sinopses com imagens circuladas que direcionam para as várias páginas, que seguem um estilo semelhante ao da homepage. As cores do texto e destaques funcionam bem com o design do site.

Visite o Site

7. Avenida do Lions

Este site foi enviado por Ricky. O site é um design de uma página que usa cores escuras e suaves juntas para dar uma aparência estilizada. Os realces em azul claro são usados ​​para títulos, planos de fundo e bordas. A seção hero exibe o slogan com um conjunto de CTAs seguido por um grande logotipo. Uma seção de informações mostra uma imagem do proprietário do site de um lado em uma imagem estilizada com as informações apresentadas do outro lado em uma área maior com o título, uma fonte com script e as próprias informações apresentadas em uma caixa com uma borda estilizada que sobrepõe a imagem. Este mesmo título e design de fonte com script são usados ​​para apresentar várias seções em todo o site, incluindo as seções de portfólio que mostram imagens de projetos como cartões. As cores, fontes e divisórias angulares ajudam a dar a este site um design limpo e interessante.

Visite o Site

8. Milkin 'mais

Este site foi enviado por DJ WHEELER. O site usa um esquema de cores preto, branco e castanho para ajudar a criar um design limpo. O texto do menu é maior do que o normal, com muito espaço entre os links. A seção principal mostra uma imagem relacionada em divisórias onduladas de largura total e extragrande com transparência para mesclar na próxima seção, que mostra um grande texto em preto sobre um fundo branco. Outra imagem de largura total combina com a seção anterior e a próxima, que inclui botões grandes para as categorias da loja seguidos por um conjunto de produtos. Várias seções fornecem informações com imagens e botões ou sinopses e ícones. Cada seção mantém as informações curtas e simples. As seções de depoimentos e newsletter seguem o mesmo desenho simples. Este site faz excelente uso de espaço em branco e tipografia.

Visite o Site

9. Pro Foto Online

Este site foi enviado por Eugene Dimov. O site usa um design de linha do tempo para separar as seções. Uma imagem em tela inteira mostra o título e o CTA. As seções grandes incluem cabeçalhos grandes que ficam atrás dos títulos. Os títulos lentamente deslizam para o lugar enquanto você rola. Cada seção é numerada com um bloco colorido e um número com uma linha vertical. Os números saltam no lugar conforme você rola. As seções menores têm títulos verticais que aparecem nas laterais da tela. As próprias seções incluem CTAs alternados com texto e imagens. Eu amo o layout da página da Galeria. Mostra a imagem de um lado com uma borda grossa e as informações do fotógrafo do outro lado e botões para comprar ou imprimir a imagem. A página de contato mostra o formulário de contato em uma placa que está pendurada no teto. O formulário fica próximo a um controle deslizante de imagem. O tabuleiro em que estão colocados fica sobre uma parede de tijolos. O site faz grande uso de tipografia e fotografia.

Visite o Site

10. Haiko Labs

Este site foi submetido por Rui Silva. A seção do herói exibe um grande padrão de fundo laranja com um CTA e imagens angulares na sobreposição em paralaxe. A seção tem uma divisória em ângulo que se mistura com a próxima seção. Conforme você rola, os produtos são mostrados de um lado com descrições do outro e eles se alternam para baixo na página. Algumas das imagens se sobrepõem a elementos de fundo. Outra seção de informações interessante usa um bloco com um fundo preto que ocupa a maior parte da tela e fica de lado. Conforme você rola, o plano de fundo que está sendo exibido se mistura com a imagem abaixo dele. Os CTAs se destacam com cores fortes sobre os fundos pretos. Este site faz excelente uso de cores e fotografia.

Visite o Site

Conclusão

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