Divi Design Showcase: novas inscrições de novembro 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 queremos compartilhar com vocês os dez melhores sites do mês de novembro. 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 novembro de 2018

1. Codificação Médica Pivô

Este site foi enviado por Leslie Tagorda. O site usa um bom esquema de cores de verde e laranja para texto, elementos de fundo, ícones e dentro de uma interessante chamada para ação no menu que inclui a data de um evento futuro e um botão para se registrar. Os elementos de fundo são feitos de hexágonos e ângulos rígidos. Os ícones também usam hexágonos. O cabeçalho e os menus também usam um azul escuro com um padrão para se destacar. O site faz um ótimo uso de texto e cores.

Visite o Site

2. INSNAPSYS

Este site foi enviado por Dinesh Milani. Ele usa cores quentes para criar um gradiente que se destaca no fundo cinza. As cores quentes também são usadas para texto e elementos gráficos, botões, sobreposições e sinopses. Gosto do layout dos serviços, que exibe uma imagem circulada ao lado de um ícone e texto, com cada serviço alternando para baixo na página. O portfólio usa um layout interessante com elementos de cada site mostrados em uma tela dividida com sobreposições angulares, uma descrição de texto em um lado, uma tela de desktop no outro e dispositivos móveis no centro. O portfólio mostra muitas informações e ainda encontra uma maneira de mantê-las legíveis.

Visite o Site

3. BlueMax

Este site foi enviado por Victor Duse. Este é um site de produtos de uma página que usa a cor azul com a marca do produto como destaques em todo o site. O azul é usado para texto, ícones, planos de fundo de seções e no logotipo. O layout é limpo com um controle deslizante de tela inteira, uma galeria de imagens que demonstra o produto, um vídeo embutido, logotipos de lojas clicáveis, uma galeria de produtos, imagens com texto para informações e um formulário de contato. O site faz um excelente uso de cores da marca e gosto da forma como usa as imagens para mostrar como usar o produto e seus benefícios.

Visite o Site

4. O Criativo do Blog

Este site foi enviado por Cecille Solmerano. Este site tem um design clean com muitos espaços em branco e cores elegantes, mas o que se destaca são as formas do fundo. Formas feitas de cores suaves e algumas com gradientes criam planos de fundo que se movem para trás dos elementos do primeiro plano para criar um efeito interessante que chama a atenção sem desviar a atenção dos elementos do primeiro plano. Os ícones para sinopses usam as mesmas cores suaves, enquanto os botões e um CTA ficam um pouco mais ousados. O blog continua o design elegante com nuvens para divisórias de seção em um gradiente azul para o cabeçalho e um gradiente rosa para o rodapé. O resto da cor do blog é fornecido pela borda nas imagens apresentadas. Este site é um excelente exemplo de cores, gráficos e fotografia elegantes.

Visite o Site

5. Tabuleiro de damas

Este site foi enviado por Brady Balhorn. Este site possui um dos elementos gráficos mais interessantes que já vi. Um tablet fica logo abaixo do cabeçalho de largura total e exibe um gráfico (o gráfico também é usado como favicon do site). O tablet está à direita com o texto à esquerda. Conforme você rola, o tablet muda um toque para a esquerda e os gráficos ao redor mudam. O tablet permanece no lugar enquanto o texto rola. Os gráficos dentro e ao redor do tablet mudam para corresponder à próxima seção do texto, criando uma apresentação que continua por cinco seções. Uma seção de logotipos e recompensas do cliente seguida por um blog é colocada sobre um fundo quadriculado de mármore em paralaxe. O blog usa cartões elegantes com carregamento lento para criar um design limpo de quatro colunas.

Visite o Site

6. Integra

Este site foi enviado por Marcio Sartor. Ele tem um fundo de tela inteira com gradiente atrás da frase de chamariz que inclui um efeito de digitação ao lado de um gráfico interessante que percorre o processo logístico. Uma apresentação gráfica é exibida em um controle deslizante com efeitos de sombra. Outra seção interessante mostra um laptop de um lado e o texto do outro. Quando você clica no texto, o laptop (ou dispositivos móveis) mostra informações de suporte para esse serviço ou benefício. A marca verde se encaixa perfeitamente no gênero do site. Até mesmo a página de login é marcada com uma imagem de plano de fundo em tela inteira, uma sobreposição verde e um logotipo.

Visite o Site

7. 5 Linx

Este site foi enviado por Justin Arcara. Ele usa muitos textos e elementos grandes em todo o site como cabeçalhos ou atrás de outro texto como parte dos cabeçalhos para descrever as seções. O cabeçalho de tela inteira tem uma sobreposição que cobre uma parte da imagem de um lado e um grande botão de reprodução do outro. Clicar no botão de reprodução abre um vídeo incorporado. Os produtos são exibidos em uma seção de várias colunas com animação instantânea. Muitos dos elementos, como texto, ícones, botões e cartões de blog usam efeitos de sombra profunda que fazem os elementos se destacarem. O blog segue o mesmo design de layout e inclui uma barra lateral estilizada com um fundo mais escuro para destacar as postagens do blog. As próprias postagens seguem o mesmo layout.

Visite o Site

8. Sfônico

Este site foi enviado por Marcy Henriques. É um design de uma página que alterna entre vários fundos ligeiramente esbranquiçados e cinza, com vários deles usando separadores angulares. A seção principal exibe uma imagem de fundo com uma sobreposição azul com um gradiente para ajudar a definir a marca do site. O texto do cabeçalho usa o gradiente na direção reversa. Eu gosto da seção de benefícios, que usa octógonos em fundos azuis ou cinza e ícones com sombras pesadas para se destacarem do fundo. Eu também gosto do controle deslizante de depoimento. Inclui um efeito de sombra e é colocado sobre um padrão de fundo octógono com uma imagem de um lado.

Visite o Site

9. Better Health por Heather

Este site foi enviado por Christie Halmick. Este usa muitas cores fortes nos destaques, incluindo o logotipo manuscrito, menus, títulos, botões, uma borda de um lado para as imagens, atrás dos depoimentos, atrás dos CTAs e no rodapé. Várias das seções são divididas por uma linha estilizada com o logotipo no centro. As cores fortes ficam ótimas em comparação com a fotografia de alta qualidade. Eu gosto das receitas que funcionam como postagens de blog, mas incluem cartões de receita. A página CTA do e-book remove a navegação e exibe um formulário com as cores da marca sobre uma imagem de fundo em tela inteira. Este site faz um excelente uso da cor.

Visite o Site

10. Agência CMG

Este site foi submetido por Carlos Montalvo. Este site usa fundo amarelo forte com fundos gradientes em preto ou cinza claro a branco e, embora haja muitas coisas na página inicial, cada um dos elementos tem bastante espaço para respirar. Os visuais são fornecidos por gráficos simples, vídeos incorporados, ícones, trabalhos recentes, logotipos de clientes em um controle deslizante, postagens de blog e comentários do Google. A página do portfólio inclui um filtro preciso com estilo para combinar com a marca amarela do site. Eu amo a página do time. Ele usa arte em estilo de história em quadrinhos para cada um dos membros da equipe. Também gosto da página do blog, que inclui um gradiente amarelo e outros destaques amarelos.

Visite o Site

Conclusão

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