6 tendências de web design para agosto de 2022

Publicados: 2022-08-25

Mais comumente, as pessoas pensam nas tendências de web design como elementos visuais, mas as tendências também podem incluir muitas funções. As melhores tendências provavelmente têm um pouco dos dois.

Aqui estão seis grandes tendências para considerar este mês:

1. Páginas de produtos personalizadas

Esta é uma tendência de design funcional que também parece tão boa: mais designers estão se ramificando das tradicionais páginas de produtos WooCommerce que aparentemente estão em todos os lugares para opções mais personalizadas. Este exemplo vem de Kadence WP.

Uma página de produto mais personalizada permite que você use todos os recursos poderosos do WooCommerce com um design que se parece com você. A nova versão do Kadence Shop Kit 2.0 oferece a oportunidade de personalizar os layouts de página do produto de qualquer maneira que você possa imaginar.

Você pode criar um design de tendências usando as ferramentas do Kadence que você já conhece com um construtor de arrastar e soltar.

  • Por que funciona: nem todo e-commerce é igual. Diferentes tipos de produtos têm diferentes elementos para exibir que podem facilitar as vendas.
  • Como usar: Comece com o Kadence Shop Kit 2.0. Nenhuma codificação personalizada é necessária para tornar esta tendência de design sua.

2. Check-out sem distrações

A simplificação das páginas de checkout é apoiada por pesquisas que mostram que 17% dos clientes em potencial abandonam os carrinhos no checkout devido ao processo de checkout ser muito longo e complicado . (Leia mais sobre os motivos para o abandono do carrinho WooCommerce e como corrigi-los.)

Para ajudar a criar uma experiência de checkout sem distrações, considere como você pode simplificar a experiência de checkout criando um checkout de várias páginas passo a passo. O Flux Checkout para WooCommerce faz muito desse trabalho para você com um layout fácil de entender e super rápido para os clientes - ajudando-os a fazer o checkout com facilidade.

Melhor ainda, o Flux Checkout acaba de lançar um novo tema chamado Modern. O novo tema Modern é simples e limpo, com uma vibe elegante. Modern é multi-passo, extremamente rápido e projetado para evitar carrinhos abandonados.

  • Por que funciona: o menu, a barra lateral e o rodapé da sua loja desapareceram. Em vez disso, os clientes serão apresentados à coisa mais importante que podem fazer em sua loja – finalizar a compra.
  • Como usar: Se você já estiver usando o plugin Flux Checkout, você pode atualizar a partir do painel do WordPress como de costume e, em seguida, seguir os seguintes passos: 1. No painel do WordPress, vá para WooCommerce > Flux Checkout . 2. Clique na guia Estilos na parte superior da página. 3. Aqui você verá as opções de tema do Flux. Clique no botão de opção abaixo de Moderno para alternar para esse tema.

3. Portais de carreira melhores

Todos nós sabemos que empregos e contratações são um grande negócio agora. Portanto, era apenas uma questão de tempo até que as empresas começassem a fazer um trabalho melhor com o design e a funcionalidade dos portais de carreira.

Esses sites são tradicionalmente listados com muitas palavras e não com muitos recursos visuais ou funcionalidades. Navegue pela lista e candidate-se. Era isso.

Esta nova geração de sites de carreira é mais envolvente com vídeo e ótimo conteúdo, como no exemplo acima da H&M. Eles incluem imagens e informações que fazem você querer trabalhar para uma empresa. Recursos de bônus, como pesquisa ou aplicativos fáceis, são a cereja do bolo.

  • Por que funciona: as pessoas não têm a atenção online que costumavam ter, e um formato mais visual é necessário para atrair um público cativo.
  • Como usar: Pense no que atrairia alguém que procura um emprego na sua empresa e use isso a seu favor de uma forma altamente visual.

4. Lindas Páginas de Compras

As lojas online estão cada vez mais bonitas. Isso se aplica às imagens, bem como à funcionalidade. É mais provável que você compre algo em uma loja online se parecer ótimo e for fácil de usar. Você pode ver isso em ação no Atelier Camille.

Mais vitrines online estão mudando para imagens maiores com mais detalhes e elementos ambientais para que você possa se imaginar no que está sendo vendido – de roupas a gadgets e móveis.

  • Por que funciona: quanto mais fácil for se imaginar em algo, maior a probabilidade de você se sentir conectado a essa coisa. É uma tática de vendas sólida.
  • Como usar: Invista em fotografia personalizada para mostrar seus produtos de maneiras incríveis. Lembre-se de incluir imagens de grande angular e detalhadas.

5. Gamificação Leve

Houve um tempo em que a gamificação pesada era o principal impulsionador da criação de interações online. Embora a gamificação – criar experiências semelhantes a jogos para criar engajamento sustentado – não tenha desaparecido, é muito menos envolvida com uma sensação mais leve.

A gamificação leve inclui designs e interações de sites que levam apenas alguns minutos para serem concluídos, em vez de uma duração mais longa. Os usuários obtêm a satisfação imediata de completar um desafio ou interação com uma recompensa no final.

A funcionalidade, como no exemplo do J-Crew, geralmente é combinada com imagens mais leves, até caricaturadas, para criar uma experiência mais infantil que pode tirar os usuários do “mundo real” por um minuto para se envolver online.

  • Por que funciona: a pequena pausa de todo o peso do mundo é uma distração bem-vinda para muitos usuários no momento. Um jogo leve que dura apenas alguns minutos pode criar sentimentos de sucesso e emoções positivas em relação ao resto do seu site ou marca.
  • Como usar: Lembre-se de manter os elementos do jogo curtos e divertidos. Eles devem ser fáceis de concluir, oferecendo pelo menos um pequeno elemento de desafio.

6. Vídeo mais acessível

Esqueça todo aquele vídeo de reprodução automática. O vídeo mais acessível está disponível.

O que isso significa?

Vídeo que inicia parado e possui um botão de reprodução que o usuário controla. A reprodução de vídeo acessível é apenas um elemento do conteúdo de vídeo mais acessível online. Os outros elementos incluem o uso de legendas de vídeo (vital para usuários com leitores de tela), o uso de transcrições de vídeo e a criação de descrições de áudio e tags alt para conteúdo de áudio. Basta verificar este exemplo do The Arc North Carolina.

Usar qualquer um desses elementos no design pode ajudar seu conteúdo a ser mais acessível para mais pessoas. É mais do que uma tendência, está se tornando uma necessidade.

  • Por que funciona: mesmo usuários sem acessibilidade precisam do controle de um botão de reprodução de vídeo. (Quase todo mundo caiu em um site com muito movimento ou som que foi chocante no início.)
  • Como usar: Use elementos comuns como notações de como interagir com o vídeo. Os botões de reprodução e pausa são padrão e fáceis de entender para os usuários. Certifique-se de que os canais sejam proeminentes o suficiente para ver e interagir facilmente.

Juntando tudo

As tendências de web design do WordPress são um elemento divertido, mas não sinta que você precisa experimentar todas as novas tendências que surgirem. Escolha os que são adequados para o seu site e marca para mantê-lo fresco e moderno.