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

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 dezembro. 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 dezembro de 2019

1. Estruturas de vidro artesanal

Este site foi enviado por Stuart Hingston. Um vídeo em tela inteira é reproduzido em segundo plano com uma sobreposição escura que destaca o texto. A sobreposição inclui o logotipo e o menu com CTA, título, slogan, descrição e botão. A rolagem revela um cabeçalho fixo e um design semelhante com uma imagem de fundo em paralaxe real. Os serviços e as informações são exibidos em uma faixa estreita com gráficos. Um CTA exibe uma imagem circular em verdadeira paralaxe de um lado. Um controle deslizante de depoimento posiciona o texto sobre as imagens de fundo que servem como exemplos de trabalho. Os serviços mostram imagens altas com texto e botões. Eu amo a seção de projetos. Ele mostra projetos em um layout de várias colunas com divisórias laterais estilizadas e efeitos de zoom para as imagens. Também gosto do formulário de contato que usa campos do mesmo tamanho.

Visite o site

2. Claire Creative

Este site foi enviado por Claire Gallagher. A seção hero exibe um manual de CTA com um fundo caloroso e ajuda a descrever do que se trata o site. A próxima seção mostra outro CTA com uma foto do proprietário do site seguida de um depoimento com uma imagem. As postagens do blog são mostradas em uma seção com imagens e os títulos abaixo delas em itálico. Isso cria um design limpo com muitos espaços em branco. Eu gosto de como eles se destacam. Uma seção de depoimentos segue um design semelhante, mas inclui mais texto. A página termina com um CTA de largura total. A página do blog segue o mesmo design limpo da seção do blog da página inicial. A página Work WIth Me foi criada para geração de leads e inclui um design exclusivo para o formulário de reserva e tabelas de preços. Os projetos seguem o mesmo design das postagens do blog.

Visite o site

3. Freshlit Media

Este site foi enviado por Nicole Marie Zinnanti. Este é um design de uma página com âncoras no menu para as várias seções. Este site usa muitas imagens grandes em preto e branco, texto grande e amarelo atrás dos títulos sobre as imagens, começando com o cabeçalho de tela inteira. Várias seções incluem imagens que seguem este design. A próxima seção mostra informações em largura total. Os serviços são exibidos em blocos de texto numerados com títulos grandes, descrições e divisórias. Os depoimentos também incluem títulos grandes e seguem um design minimalista. Uma seção Sobre continua o design mínimo com um grande título, texto e divisor seguido por uma seção semelhante que termina com um formulário de contato mínimo.

Visite o site

4. Parceiros de crédito Hilltop

Este site foi submetido por Rolando S. Bouza. A seção hero reproduz um vídeo atrás do título e slogan e leva à próxima seção com um divisor de seção estilizado. A próxima seção mostra vários CTAs em um layout alternativo. O primeiro CTA exibe uma imagem com um título grande, uma breve descrição e um botão, enquanto o segundo CTA inclui dois botões. Um controle deslizante de blog de largura inteira mostra as imagens em destaque quase em tela inteira. A seguir, há uma seção sobre o proprietário com uma imagem e uma citação. Gosto da seção Sobre, que exibe informações com uma borda estilizada sobre uma imagem de fundo escuro. O formulário de contato usa uma forma semelhante em espelho e inclui um fundo sólido. As outras páginas seguem um design semelhante, mas adicionam muitas informações de apoio aos gráficos. A página do blog adiciona uma barra lateral estilizada para mostrar os anúncios. Também gosto do design da postagem do blog com seu layout limpo e texto grande.

Visite o site

5. Insight Hosting

Este site foi enviado por Steve Doig. Ele usa muito rosa forte como a cor de destaque principal para o texto e sobreposições e se destaca lindamente. A seção do herói exibe um avião voando para fora da tela com um CTA no outro lado da tela. O próprio avião e o CTA estão sombreados em rosa choque. Uma seção com planos mostra os planos e preços dentro dos blocos. Eles incluem animações de foco em rosa choque. Um CTA de largura total mostra uma chita rosa no centro com o texto de um lado, enquanto outro mostra um jogo de xadrez e um texto com elementos rosa. Várias seções mostram os benefícios das sinopses. Uma das minhas favoritas é a seção que discute os tipos de negócios que atendem. As imagens são mostradas em uma grade de 5 colunas com sobreposições alternadas. As imagens diminuem o zoom ao passar o mouse e removem a sobreposição. O menu do rodapé também é interessante. Ele exibe os títulos com uma primeira letra estilizada para cada um.

Visite o site

6. Keren Herrera

Este site foi enviado por Edgar Herrera. O site usa muitas cores suaves para atrair o público. A seção do herói mostra uma imagem em tela inteira com um CTA de um lado e o proprietário do outro. Em seguida, está um elegante formulário de inscrição por e-mail que mostra uma imagem de um lado e uma descrição sobre o formulário. Imagens com bordas estilizadas fornecem links para as várias páginas de informações. Uma seção Sobre mostra uma imagem que se sobrepõe à próxima seção, que fornece um depoimento centralizado. As próximas seções incluem imagens que se sobrepõem a várias seções em um layout alternativo. Estas seções fornecem informações e CTAs. O formulário de contato é colocado sobre uma imagem de fundo de uma mesa de mármore e se destaca dos fundos sólidos. Um CTA de livro é exibido em 2 colunas com uma foto que as sobrepõe. O rodapé mostra um CTA de acompanhamento do Instagram com várias fotos de fundo.

Visite o site

7. Finbingo

Este site foi enviado por Prashant Karandikar. Tem um layout clean com muitas cores para os destaques. A seção do herói mostra uma introdução de um lado com um gráfico do outro que se mistura em uma linha de sinopses. As informações são mostradas em um layout de 2 colunas com sinopses para criar marcadores. Alguns CTAs informativos exibem um gráfico de um lado em um layout alternativo. Os serviços são mostrados em cartões com gráficos e texto. Mais informações são fornecidas em sinopses coloridas que criam um conjunto de blocos. Os contadores de números mostram cada número com uma cor diferente para se destacar. Um depoimento de 2 colunas corresponde ao design colorido do site. Muitas das páginas seguem um design semelhante e, em seguida, adicionam conteúdo com uma sombra de caixa para se destacar.

Visite o site

8. Ukhuni

Este site foi enviado por Vernon Joyce. Possui layout clean com foco nos produtos. O mega menu mostra 3 colunas com vários links em um lado que revela informações e imagens. A seção do herói mostra um conjunto de gráficos para móveis de escritório. Passar o mouse sobre qualquer um deles cobre os outros com uma sobreposição e mostra um pequeno pop-up com um título para descrever a mobília. Os pop-ups variam em cores. O produto apresentado mostra um grande gráfico de um lado e uma descrição do outro. Em seguida, há um CTA de consulta ampla e, em seguida, uma seção de informações que corresponde ao design do produto apresentado. As páginas de produtos mostram produtos com títulos semelhantes aos pop-ups e incluem uma lista com marcadores para recursos. A página de serviços é interessante. Ele mostra muitos gráficos dos produtos e exibe os benefícios nos anúncios.

Visite o site

9. Architecten Lab

Este site foi enviado por Mischa Groenen. Ele exibe uma única página em tela inteira com links como texto e setas como navegação. A tela é dividida diagonalmente com o título e os links de um lado com um fundo branco e a descrição do outro com um fundo amarelo. O título é desenhado na tela quando você move o cursor do mouse. Passar o mouse sobre os links mostra um efeito de zoom. Clicar em um dos links abre uma página com um cabeçalho que segue o design da tela principal. A página do portfólio adiciona um filtro que corresponde ao design do site e mostra imagens em uma grade que inclui animações e títulos em foco. A página da equipe mostra um design de 3 colunas com imagens da equipe de um lado, um controle deslizante de pessoa no centro e um formulário do outro lado. A página de informações mostra um gráfico estilizado sobre o trabalho que realizam. É um design simples, interessante e único.

Visite o site

10. Próximo envelhecimento

Este site foi submetido por Nicolle Principe. Este site faz excelente uso de laranja e verde com alguns outros adicionados para realce adicional. Possui um CTA no menu secundário. A seção de herói mostra uma imagem de plano de fundo em tela inteira em verdadeira paralaxe com um CTA simples na sobreposição. Links para páginas são criados com blocos de cor e texto em uma seção estreita de largura total. Vários CTAs de largura total mostram uma imagem de um lado e o texto do outro em layouts alternados. O Blurbs também cria CTAs com ícones circulados e botões estilizados. Uma seção de doações mostra um balcão de bar com uma meta e o valor atual. Muitas das seções incluem um ícone sobreposto. Gosto da seção sobre histórias com texto de um lado e duas imagens do outro. Cada uma das imagens inclui efeitos de foco que exibem informações e um link para ler mais. Ele também inclui um calendário de eventos, blog estilizado e muito mais. O site tem muitos ajustes de personalização, incluindo um fácil controle de tamanho de fonte e seleção de idioma.

Visite o site

Conclusão

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