Inspiração para Web Design 2022 (7 novos exemplos lindos)
Publicados: 2022-05-04O problema com a maioria dos posts de inspiração de sites é que eles não dão o suficiente, rápido o suficiente.
Você tem que caçar por toda a web – apenas para obter 3 projetos de web design que podem inspirá-lo.
Se você sentir vontade de caçar – aqui estão 5 outros lugares, mas abaixo disso temos 7 novos exemplos para 2022 e 45 sites inspiradores no total dos últimos dois anos.
Aqui estão 5 outros lugares rápidos para encontrar inspiração de design de sites em 2022
- Behance – Procure na categoria design de interação ou pesquise web design
- Dribbble – Pesquisa Web Design ou Design de Interação.
- Awwwards – olhe para os vencedores, encontre elementos que você goste – tenha cuidado para não ficar muito obcecado com Awwwards porque essas coisas tendem a ser muito inovadoras para a maioria dos negócios (além de muitas vezes serem horríveis para usabilidade).
- Sites Brutalistas – Para um certo tipo de inspiração.
- Nosso site! Confira nossa postagem de esquemas de cores, nossa postagem de esquemas de cores do site, inspiração de rodapé, sites de agências de marketing, sites de telhados, sites de construção, sites elétricos, solares e de encanamento.
São apenas peças de inspiração! Não se esqueça do seu público principal
A maioria dos designers vive em algum tipo de realidade alternativa, criando coisas desnecessárias uns para os outros. Então eles se tornam tendências. – Comentarista do Webflow, BlazeJ
Inspiração do site 2022
1. Interiores Lironman da Awwwards
Tendências de sites para 2022 que exemplifica:
- Elementos sobrepostos
- Grandes fontes com serifa dramática
- Navegação simplificada
- Efeitos de foco indutores de curiosidade
2. Shapefarm da Awwwards
Tendências de design de sites para 2022 exemplifica:
- Fonte do tipo de sistema (aparência mais técnica / básica.)
- Imagens fora do centro
- Formas/grades de desenho técnico
- Off white / cor bege claro
3. APX Construction – Site de Construção Comercial pela Hook Agency
Tendências de design de sites para 2022 exemplifica:
- Uso de drone na construção para efeito dramático
- Exibição rápida de propostas de valor exclusivas
- Cortes / transições angulares em quebras de seção
4. Restauração de Marte – Site de Telhados da Agência Hook
Tendências de sites para 2022 exemplifica:
- Clientes satisfeitos exibidos imediatamente
- Os ângulos das imagens fazem com que o site pareça completamente personalizado e exclusivo para o cliente.
- O formulário imediatamente captura os clientes que sabem o que querem.
5. Electric City - Site do eletricista pela Hook Agency
Tendências de sites para 2022 exemplifica:
- Ilustração de alta qualidade que combina com as cores da marca.
- Figuras em imagens ou ilustrações quebram o campo / parecem que estão vindo até você.
- O menu móvel está no canto inferior direito para usabilidade (é onde seu polegar geralmente está!)
6. Wud Milan – Inspiração do site do evento no Awwwards
Tendências de sites para 2022 exemplifica
- Tipografia grande
- Rolagem horizontal
- Contraste forte/cores brilhantes
7. Venda – Inspiração para Website Financeiro no Design Shack
Tendências de sites para 2022 que exemplifica:
- Misturando gradientes como formas nubladas
- Apresentando a interface do usuário no site (para empresas de software)
- Efeito de vidro / sobreposições transparentes turvas
Inspiração do site 2021
Via Abudzeedo
Cortesia de Herman Schear via Behance
Via Abudzeedo
Cortesia de Grow via Awwwards
Site de Travis Scott via sites brutalistas
Site de geração de leads pela Hook Agency
Anos anteriores:
Inspiração do site 2020
2020 está chegando e com o novo ano vem novas tendências. Você provavelmente só consegue pensar em um punhado de sites que usou no ano passado que foram memoráveis e se destacaram com base no apelo estético e na facilidade de uso.
Com todos os sites disponíveis, dar aos usuários uma experiência inesquecível está se tornando algo que não é apenas desejável ter, mas algo que é esperado.
Esperamos que você goste de alguns desses designs selecionados abaixo – e seus novos estilos que estão causando um grande impacto no mundo do design de sites este ano – sem mais delongas, aproveite esta amostra de inspiração de design da web para 2020.
Por que fornecemos esta lista? Atendemos empreiteiros e empresas de home service com marketing + web design! Confira nossas postagens no blog sobre leads de encanamento, leads de eletricista, leads de telhados, leads de HVAC, leads de construção, leads de remodelação e nossos serviços de SEO de encanamento, SEO de eletricista, SEO de telhados, SEO de empreiteiros, SEO de reforma e SEO de HVAC!
A tendência de animação rotativa deixa os usuários curiosos sobre o que mais está no site porque há uma nova imagem ou surpresa sempre que você sai da página e passa para outra. Coisas divertidas como essa proporcionam aos usuários uma experiência única com seu site sempre que o acessam.
Percebemos que as técnicas de rolagem estão se tornando mais populares nos designs de sites. Esse tipo de rolagem horizontal com certeza chamará a atenção de quem o estiver usando, além de ser algo muito simples e funcional no site. Será emocionante ver como essa técnica será utilizada em 2020.
Ter a interatividade do usuário em seu site está se tornando cada vez mais popular. Esse design faz com que os consumidores passem mais tempo em sites usando esse recurso e interajam com o design.
Este site foi encontrado no Wishdesk.com em suas tendências de design da web quentes para procurar em 2020.
Ele usa elementos 3D em seu design, o que ajuda a torná-lo mais impressionante e memorável. O objetivo do uso do 3D é dar ao espectador uma sensação de profundidade, tornando-o mais atraente.
Na inspiração de design de 2020 da Blue Compass, eles listam este site de Igor para animação de rolagem. Há também um site chamado Covered from Awwwards que possui essa técnica de design. Este design de animação de rolagem está se tornando cada vez mais popular. É uma excelente maneira de você aumentar seu tempo na página e engajamento com os usuários. Apenas certifique-se de que suas animações não fiquem muito loucas e distraiam o espectador do motivo pelo qual eles foram ao site em primeiro lugar.
Este design do site Revols vem de 21 sites premiados e o que eles fizeram no site Impact. Esta imagem é ótima para ter uma tipografia grande e mostrar seu produto de perto e de forma pessoal.
Este site também vem da lista de 21 sites premiados do Impact e o que eles fizeram certo.
Em relação às duas imagens anteriores, colocar imagens grandes como fundo é uma tendência cada vez mais popular e, como dissemos no ano passado, ainda é uma tendência moderna e popular.
A tendência de espaço em branco em sites tem sido uma opção popular nos últimos dois anos e não parece estar saindo tão cedo.
Mais maneiras de você se inspirar em seu projeto de web design 2020
Quando você está procurando maneiras de melhorar algo, olhar para os especialistas nesse campo nunca é uma má opção. Fazer isso ajuda você a aprender com as pessoas ao seu redor e a encontrar um caminho que possa seguir regularmente.
1. Prêmios – Premiar projetos incríveis regularmente.
Este site atualiza regularmente seus exemplos e premia os melhores web designers mensalmente. Insanamente bons exemplos de pessoas que estão ultrapassando os limites do design de sites.
2. Esquemas de cores – Confira diferentes esquemas de cores para sua marca.
É incrível o que uma simples cor pode fazer para transformar um site. Mantenha-se atualizado com diferentes esquemas de cores e encontre os que funcionam melhor para você.
3. Dribbble – para inspiração de design e feedback.
Ter um lugar para buscar inspiração e feedback pode ser inestimável. Você pode acessar as criações de designers extraordinariamente talentosos e pode colocar seu site na página e receber feedback de outros membros.
Dicas para sua jornada de inspiração para web design 2020
Estes três passos simples irão ajudá-lo a melhorar a cada semana com suas habilidades de web design!
1. Não suba na onda do que todo mundo está fazendo.
2. Marque esta e outras postagens que o deixam empolgado com o design.
3. Procure ter estilo e eficácia.
Quais tendências você usará em seu próximo site?
Construir um novo site é emocionante para uma empresa. Você pode criar uma imagem totalmente nova para sua marca e empresa e adaptá-la ao seu nicho. No entanto, se o seu site não corresponder à maneira como você deseja ser percebido, ele não terá o desempenho ideal como deveria. A Hook Agency adora trabalhar com empresas para ajudá-las a obter os melhores resultados possíveis. Se você deseja criar um novo site, entre em contato conosco e faremos com que seu negócio seja um sucesso.
Procurando uma equipe de marketing experiente? Alguns dos nichos que atendemos: Marketing de telhados e geração de leads, Marketing HVAC e geração de leads, Marketing de construção e geração de leads, Marketing de encanamento e geração de leads. Também geramos leads para todos os tipos de serviços domésticos, incluindo energia solar, janelas e portas, eletricistas , e Remodeladores.
Inspiração para Web Design 2019
Recentemente, falamos sobre algumas tendências de design de sites a serem observadas em 2019, como animação integrada, fundos de partículas, tipografia em negrito e gradientes de cores. Para acomodar esse post, aqui estão alguns sites lindos que apresentarão algumas dessas tendências, bem como algumas outras técnicas de design para o próximo ano, como o uso de espaço em branco, imagens 3D e uso de fotos de alta qualidade. Use esses exemplos para inspirar seu próximo site!
Esses dois sites modernos aproveitam a animação integrada, mas a levam a um nível totalmente novo.
Tipografia grande e em negrito é usada nesses dois sites, o que permite destacar os benefícios de sua oferta de negócios para o usuário.
Os sites que estão fortemente saturados com uma cor e tom específicos são visualmente atraentes e envolventes.
Sites que são predominantemente brancos têm sido populares nos últimos dois anos. Em 2019, continuaremos a ver nosso quinhão desses designs simples e minimalistas. Além disso, observe como o primeiro site possui elementos assimétricos, outra tendência de 2019.
Imagens grandes como plano de fundo com sobreposição de texto certamente serão uma tendência moderna e popular que só aumentará em uso nos próximos anos.
Com longos tempos de carregamento, um dos principais motivos para os usuários saírem dos sites, manter o usuário engajado com uma animação na tela de carregamento pode ajudá-lo a reter esses usuários impacientes.
Marcas populares como o Spotify continuam a usar gradientes em seu aplicativo, o que ilustra que o gradiente veio para ficar por um tempo.
Embora o uso de imagens 3D em seu site leve um pouco mais de tempo, ele pode adicionar um elemento totalmente novo de profundidade e detalhes visualmente atraentes ao seu site.
Se você me conhece, sabe que eu amo a marca local de roupas masculinas casuais Askov Finlayson, então tive que dar um alô no site deles também. A empresa de Minnesota aproveita o tempo para usar fotos bem tiradas, nítidas e claras que enfatizam os valores de sua marca. A lição aqui: evite imagens de banco de imagens quando possível. Agora, você pode encontrar algumas boas imagens on-line que se encaixam bem na sua marca, mas certifique-se de vê-las como espaços reservados em vez de permanentes.
Um ótimo exemplo de uso de fundos de partículas com seu site. Este site parece ótimo e funciona sem problemas.
Uma estatística relacionada interessante: 62% das empresas pesquisadas disseram acreditar que um site deve ser redesenhado a cada 2-3 anos. Fonte: Agência Hook
Minimalismo no Web Design – Inspiração 2019
O minimalismo e o Ethos estão ganhando cada vez mais publicidade ultimamente com o documentário da Netflix, e alguns livros sobre isso, como “The Life Changing Magic of Tidying Up” e seu acompanhamento “Spark Joy”.
A ideia original do minimalismo foi caracterizada como “uma tendência na escultura e na pintura que surgiu na década de 1950 e usava formas simples e tipicamente maciças”.
Simples. Enorme.
Hoje é caracterizada pelo espaço em branco na decoração, menos coisas – guarda-roupas menores, falta de bugigangas que não “inspiram você, ou adicionam alegria à sua vida”.
No web design, o minimalismo pode ser uma notável falta de variedade de recursos, tipos de letra, cores ou grandes áreas grossas de branco, escuro ou outras cores planas.
Alguns estudos de caso que demonstram o minimalismo no web design
Coalesse
Quando seu produto é excelente e há uma ênfase profunda em seus contornos, sua forma e sua elegância - basta fotografá-lo bem e encontrar alguns elementos temáticos sólidos (neste caso, uma caixa de sobreposição dourada e uma caixa de contorno dourada) e considerar profundamente suas escolhas tipográficas destacará a beleza natural.
O Caso
Retângulos e tipos simples – o Affair também faz uso das figuras brancas e cinzas simples em sua fotografia em destaque para dar um apelo muito esparso, luxuoso e aberto.
Balões brancos, mesa branca, bicicleta branca, cadeira branca – este site é despojado de cor muito intencionalmente. Se você fizer esse tipo de design, torna-se ainda mais importante equilibrar os elementos restantes e criar o apelo certo com suas escolhas de fonte.
A-apenas
Para ser 100% honesto com você – eu nem sei o que este site está vendendo. Talvez apenas esta garrafa de água gloriosamente simples por um preço exorbitante? Ei – eu pensaria em comprá-lo… só por causa do quão bom este site parece. Os sites europeus são mínimos há anos, e parte da estética está começando a atingir o design mais focado na cultura pop dos Estados Unidos.
Totokaelo
A ideia de uma abordagem mais minimalista ao web design é que as poucas coisas que você deixa para trás ao subtrair são apenas os elementos mais importantes absolutos que unirão a composição. Nesse caso, há elementos mais estilizados por trás dos produtos – esses elementos de design vão para cima e em um ângulo para atrair o olhar do espectador ao longo da página, e as partes circulares dão uma sensação coesa à página com os produtos circulares em primeiro plano.
Algumas Grandes Tendências de Inspiração para Web Design 2019 – 2020:
- Ângulos diagonais
- Formas orgânicas
- Design limpo e simples e fotografia de largura total
- Ilustração e cores fortes e saturadas
- Pasteis
- Gradientes
Sem mais delongas – os exemplos que encontrei de ótimo design:
1. Inspiração para o design do site de comércio eletrônico da Boll Fashion – por Daniel Tan
Princípios a serem considerados: Pastéis, cores suaves na fotografia/moda e design limpo.
2. Inspiração do site de moda Miyu – por Edyta Kostaska
Princípios a serem considerados: Cores brilhantes atrás de preto e branco, quadrados delineados usados para enquadrar outros elementos fotográficos.
3. Matterhorn Guide Finder – Inspiração para sites ao ar livre por Timo Wagner
Princípios a serem considerados: Elementos brancos usados como espaço em branco de design de interface do usuário.
4. Kami Design – Inspiração para Websites
Princípios a considerar: Pastels e simplicidade brutal.
5. Serviço de Podcast – Inspiração de design visual
Princípios a considerar: Círculos, botões circulares e cores brilhantes.
6. Inspiração de design de sites de criptomoedas – Anton Avilov
Princípios a serem considerados: A evolução dos gradientes e formas sobrepostas em camadas.
7. Espaço Glax / Inspiração para Design de Sites de Ilustração – Outcrowd
Princípios a serem considerados: Formas orgânicas e fluidas e ilustração.
8. Design do site Stripe – por Stripe.com
Princípios a serem considerados : Cores brilhantes intercaladas com espaço em branco pesado e elementos de interface de usuário limpos.
9. Inspiração do site da ferramenta de mídia social – Kickstagram.com
Princípios a serem considerados: Sobreposições de gradiente que se movem e evoluem. (Você terá que ir ao site ao vivo para ver isso em ação)
10. Loja de cavalheiros – inspiração para o design do site – por Alan Podemeski
Princípios a serem considerados Grandes fotografias, design limpo e 'coisas organizadas ordenadamente' com fotografia aérea.
Outras maneiras de se inspirar para seu próximo projeto de web design em 2020
A maneira de subir de nível é encontrar o 'modelo de excelência' e seguir esse modelo regularmente. Portanto, sugiro fortemente não apenas olhar para os designers ou pessoas ao seu redor, mas sim diversificar e aprender com os melhores dos melhores.
1. Prêmios – Premiar projetos incríveis regularmente.
Este site atualiza regularmente seus exemplos e premia os melhores web designers mensalmente. Exemplos insanamente bons de pessoas que estão ultrapassando os limites do design de sites.
2. AWSM Color no Instagram – compartilhando novos esquemas de cores todos os dias.
Novos esquemas e combinações de cores são essenciais – e eu absolutamente amo essa conta com curadoria. É bom ter algo que só aparece no seu feed do Instagram, sem ter que ir procurá-lo.
3. Codrops – para trechos de design de interação e exemplos de código.
Um ótimo web design não é apenas sobre a estética – mas sobre a maneira como é interagir com um design. Eu amo Codrops por esse motivo - eles estão constantemente compartilhando código de graça que ajudará a tornar seus produtos finais incríveis.
Dicas para sua jornada de inspiração para web design 2020
Estes três passos simples irão ajudá-lo a melhorar a cada semana com suas habilidades de web design!
1. Crie um hábito de inspiração
2. Marque esta e outras postagens que o deixam empolgado com o design.
3. Escreva sobre tudo o que está aprendendo semanalmente ou mensalmente.
Quais tendências você usará em seu próximo site?
Novos sites são um momento emocionante. É uma oportunidade de renomear sua empresa e ajustá-la às suas necessidades demográficas atuais. Se você deseja atualizar seu site antigo ou começar completamente do zero, considere usar uma agência que possa ajudar a garantir que todas as metas do seu novo site sejam alcançadas. Aqui na Hook, temos muita experiência em ajudar nossos clientes a criar sites atraentes e dignos de conversão. Sinta-se à vontade para entrar em contato conosco e marcar uma reunião para começar seu próximo site!