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

É hora de mais uma vez para nosso Divi Showcase mensal, onde damos uma olhada em 10 sites Divi incríveis 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 janeiro. 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 janeiro de 2019

1. Swyft

Este site foi enviado por Suzie Tawney. Laranja é a cor da marca e é destaque em todo o site. Ele usa uma tela dividida interessante com informações de um lado em laranja e branco e um vídeo do outro. Sinais grandes mostram os serviços com gráficos multicoloridos e um título. Passar o mouse muda o fundo para laranja. Um controle deslizante inclui uma sobreposição laranja e um divisor de seção estilizado. Achei a seção do blog especialmente interessante. Inclui um fundo de seção padronizado e um fundo laranja para a linha. Tanto o blog quanto a linha têm uma sombra de caixa para se destacar do fundo. A página do blog inclui cartões sobrepostos que se alternam ao longo da página.

Visite o site

2. Engenharia Império

Este site foi enviado por Ross Pope. Este site usa azul escuro como cor de marca, começando com uma imagem em tela inteira com uma sobreposição azul que se mistura na próxima seção. Os serviços são mostrados dentro de sinopses. Eles incluem os fundos azuis escuros com texto e ícones brancos e têm um efeito de foco de zoom. Gosto da seção Por que, que mostra os pontos fortes da empresa em uma lista de sinopses. A seção do blog mostra as últimas postagens em uma única coluna com um plano de fundo que se mistura em uma visão de cima para baixo do oceano. Cada uma das páginas continua este design. Gosto especialmente da página Serviços com marcadores em caixas que se sobrepõem às imagens.

Visite o site

3. Soluções fiscais guarda-chuva

Este site foi enviado por Mani O'Brien. O site usa um azul escuro com destaques em amarelo, branco e azul em todo o design. Ele começa com uma imagem em tela inteira com descrição e CTA e, em seguida, fornece um CTA do boletim informativo de largura inteira com um incentivo de e-book. O formulário de inscrição é destacado o suficiente para que o site não exija um pop-up. As informações são mostradas em grandes sinopses que incluem um design de borda superior e ícones multicoloridos. Esse mesmo design também é usado para serviços. Um gráfico circulado interessante mostra como funciona. Gosto especialmente da seção de depoimentos que mostra uma imagem de largura inteira com uma pessoa de um lado e o depoimento do outro sobre o fundo.

Visite o site

4. Ganhe água

Este site foi enviado por Victor Duse. Este site usa um azul-esverdeado claro para a cor da marca, geralmente como um gradiente dos dois, entre realces e sobreposições. A seção do herói reproduz um vídeo atrás do gradiente. As informações são mostradas em sinopses usando ícones de um globo com fio colorido com o gradiente azul-esverdeado. Eu gosto do controle deslizante de depoimento que mostra uma imagem de fundo desfocada e o depoimento sobre ele. A seção de blog exibe postagens com um efeito de foco elegante. A seção de estatísticas é interessante. Ele mostra três números grandes, cada um em uma cor diferente e em diferentes alturas. Imagens de água são usadas em fundos e incluem as cores azul-esverdeadas nas imagens.

Visite o site

5. Helke Wieners

Este site foi enviado por Oliver Gehrmann. Este site usa uma cor chamada Wild Watermelon para planos de fundo, menus e destaques. A seção do herói mostra o logotipo acima de uma imagem que se sobrepõe à próxima seção. Os títulos usam uma fonte elegante com script. Várias seções mostram texto e imagens em duas colunas com o texto de um lado e a imagem do outro, alternando à medida que você rola. Um controle deslizante de tela inteira mostra as imagens relacionadas. Uma seção de contato funciona como um CTA. A inscrição no boletim informativo usa a cor da marca como plano de fundo. O menu é simples, mas único. Ele mostra um ícone de hambúrguer, mas quando você clica nele, o menu é exibido no cabeçalho normalmente. O site faz excelente uso de cores e espaços em branco.

Visite o site

6. Frukto

Este site foi enviado por Michal Teska. Este é um site de uma página que usa tons tropicais frutados de azul, verde, vermelho e amarelo como cores de marca e os usa em planos de fundo e realces. Ele também usa imagens de frutas tropicais dentro de cada uma das seções nas mesmas cores dos fundos. Cada seção é em tela cheia e mostra as imagens em verdadeira paralaxe. Cores opostas são usadas para gráficos, marcadores e divisores. Os serviços são exibidos em alternadores. O rodapé mostra as informações de contato e ainda inclui um pequeno gráfico de banana para um botão Voltar ao Topo. Este é um design limpo e simples que faz ótimo uso de cores e espaços em branco.

Visite o site

7. Consultoria Pirela

Este site foi submetido por Leopoldo Pirela. Ele usa uma cor púrpura azulada, verde e amarelo em sua marca para fundos, sobreposições e realces começando com o padrão arroxeado no fundo do cabeçalho. Os projetos apresentados são mostrados como três imagens que revelam informações ao pairar. Os depoimentos são exibidos em um controle deslizante de tela inteira. Pensamentos e dicas são mostrados em sinopses verdes que mostram ícones relevantes. Eu amo o CTA deste site. Mostra um livro com informações e um botão de download sobre um padrão de fundo verde escuro. O rodapé mostra o mesmo padrão de fundo roxo que o cabeçalho e fornece o link de contato e botões de acompanhamento social. Adoro o layout alternativo da página de Serviços.

Visite o site

8. Mauri

Este site foi submetido por Mauricio Cedraz. A página de destino é uma única tela inteira com um fundo gradiente roxo / vermelho com texto grande que está fora do centro. O texto é, na verdade, vinculado e animado ao passar o mouse, o que vira o texto e muda as cores - com uma letra voltada para trás em uma cor diferente do resto. Clicar em qualquer texto leva você a uma página. Abaixo do texto, há um botão com uma mensagem de boas-vindas. A página também inclui o ícone de menu, links de contato e botões sociais para seguir. As outras páginas usam um design semelhante, mas algumas têm layouts de várias colunas com imagens sobre fundos com gradientes. As cores são fortes. Eu amo o uso de cores e o texto grande no cabeçalho e no menu.

Visite o site

9. Um pé de distância

Este site foi enviado por Stephen Brent maio. Ele usa roxo e verde para as cores de sua marca no texto, realces, gráficos e planos de fundo. A seção do herói exibe uma caixa com informações e um botão que se sobrepõe ao gráfico de plano de fundo do design plano. A próxima seção mostra duas linhas com uma seção de duas colunas com um gráfico móvel nas cores da marca com informações da empresa na outra coluna. As linhas alternam seu layout. Adoro a próxima seção, que mostra informações da empresa sobre um fundo padronizado com um gradiente roxo. Outro fundo roxo é usado como CTA e no rodapé. Os serviços são exibidos em sinopses usando ícones multicoloridos.

Visite o site

10. Extempra

Este site foi enviado por Chetan Gupta. Ele usa várias cores de marca, incluindo um azul próximo ao azul-petróleo no texto e nas sobreposições, amarelo brilhante para realces, um amarelo forte nos fundos e uma sobreposição roxa no cabeçalho. Gosto especialmente da seção Programas, que mostra duas imagens com sobreposições azuis que incluem o título, o texto e os botões. As sobreposições destacam as imagens e o texto. Os depoimentos são mostrados em um controle deslizante que se sobrepõe a duas seções. A seção do blog mostra postagens com cantos arredondados e sombras de caixa. As outras páginas usam um layout semelhante com cabeçalhos de tela inteira, seções sobrepostas e cores em negrito. O blog usa um layout de 1, 2 e 3 colunas para as postagens e faz um ótimo uso das imagens em destaque.

Visite o site

Conclusão

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