Sites Elementor de maio de 2022
Publicados: 2022-06-13A quinta vitrine deste ano provoca mudanças nas tendências de design, explora novas reviravoltas em ícones culturais retrô e celebra o poder subestimado de personalizações sutis. Os sites de maio incluem uma variedade de estúdios e agências criativas, um empreendimento de tecnologia poderosa, um dos festivais de música de verão mais populares da Oceania, um portfólio de exposições digitais universitárias, um sensual salão de beleza grego, um projeto de patinação popular e um site Montessori digno de sorrisos .
Descubra animações misteriosas que revelam conteúdo vazio do site apenas ao passar o mouse, tome notas sobre como implementar designs clássicos em layouts modernos, veja como combinar uma variedade de efeitos de rolagem e animação, estude como manter um ar de mistério retendo conteúdo, e aprenda o poder que a cor tem sobre a emoção com páginas internas dedicadas.
Aqui está sua chance de se inspirar nos sites meritórios de maio!
Obtenha o Elementor Pro hoje
10
Festival das Cataratas
por Agência Cruickshanks
O Falls Music & Arts Festival é um festival de música australiano de vários dias realizado anualmente em locais em Victoria, Tasmânia, Nova Gales do Sul e Austrália Ocidental durante o período do Ano Novo. É um dos maiores festivais musicais da Oceania, reunindo alguns dos maiores artistas do mundo. O festival recebe apresentações de música contemporânea, dança, comédia, teatro, circo, cabaré e outras formas de arte. Os artistas que tocam no festival incluem rock, hip hop, música indie, música eletrônica, blues e raízes.
Tirando uma folha dos pôsteres de festivais de música, o site foi claramente projetado para ressoar com seu público mais jovem. A implementação de um acabamento granular nostálgico em um plano de fundo gradiente dá à página uma atmosfera de deserto.
O Falls Festival implementa um tipo grande, um design minimalista e um esquema responsivo altamente móvel, claramente voltado para seu público-alvo mobile-first. Empregando um espectro de cores – rosa, laranja, amarelo e azul – o festival evoca sentimentos de energia e emoção de acordo com seu catálogo musical.
Aprofundando-se em suas páginas internas, o público poderá encontrar informações sobre cada um dos artistas performáticos, bem como links para cada um de seus vários identificadores de mídia social. Oferecendo um teaser dos sons do setlist, os espectadores encontrarão uma playlist personalizada do Spotify incorporada, incluindo um efeito de vídeo estático vintage.
O Falls Music & Arts Festival fala com seu público-alvo usando uma combinação de técnicas contemporâneas, mantendo apenas o palco principal do conteúdo. Após dois anos de silêncio, o Falls Festival está mais uma vez pronto para arrasar.
Design e Desenvolvimento : Brett Cruickshanks – Agência Cruickshanks
Tema : Olá
Plugins : Elementor, Elementor Pro, Nitropack, Rank Math SEO, Inserir cabeçalhos e rodapés
Ver site ao vivo
09
Ulá
por BangLUXOR
Ulah é uma agência criativa espanhola focada em consultoria de marcas, criação de interfaces digitais e ferramentas de gestão de marketing para projetos de alto impacto. Eles trabalham globalmente com o apoio de clientes em seis países. A sua visão centra-se em fazer a diferença em cada projeto como resultado de uma estratégia de sucesso de acordo com as tendências atuais do mercado. Seu trabalho simplifica os negócios, inspira novos comportamentos e atende às necessidades das pessoas.
A primeira coisa que atinge o espectador é a seção de heróis única, que é dividida de maneira pouco convencional. Desde o início, com sua cópia enérgica fazendo uma grande entrada, até como emprega um forte laranja-avermelhado brilhante, o site oferece uma visão refrescante para agências criativas que desejam se destacar.
Elementos de símbolos animados por computador retrô, como polegares para cima, rosto com um punho fechado, esboços de rabiscos e animações de Lottie se combinam para dar ao site uma vibração divertida misturada com polimentos profissionais de texto sem serifa, tipo grande e um minimalista plano Projeto. O efeito inteligente do menu de hambúrguer, semelhante ao flashback, parece um pouco com um programa de televisão da velha escola. Também é notável o uso de vários CTAs, caminhos de texto e um logotipo que se assemelha a um sorriso, enfatizando uma abordagem leve a esse setor profissional.
Preste atenção à mudança do cursor do mouse na seção de serviços, que muda para laranja, bem como o design inteligente da web de três páginas, branding e marketing digital. Há uma aparência geral interativa e fluida no site, bom uso de máscaras nas páginas internas e uma visão única de um motivo da esquerda para a direita.
Ulah é uma nova abordagem para se destacar no cenário competitivo das agências criativas. Ao combinar um acabamento profissional com toques de prazer lúdico, a agência mostra sua mão magistral para inspirar, encantar e entregar.
Design & Desenvolvimento : Andrés Florido Delgado – BangLUXOR
Tema : Olá
Plugins : Elementor Pro, Dynamicooo, Complementos Ilimitados, WProcket
Ver site ao vivo
08
Disraptores
por Amazon Media
Disraptors é um grupo de pessoas de várias origens - VCs, bancos de investidores, startups, ONGs e agências espaciais. Juntos eles estão, divididos eles às vezes trabalham em outras coisas. Eles produzem uma frota diversificada de conteúdo, o Disraptors Summit com o European Startup Championship Finale é nosso carro-chefe. Seus podcasts, competições de startups locais, hackathons e encontros sem campo são seus outros principais navios.
Exibir o rosto de um dos gurus de tecnologia mais renomados do mundo em seu evento de exibição é um golpe de mestre que não precisa de explicação. Com o famoso rosto de Steve Wozniak estampado no herói ao lado de sua marca e figuras-chave, esta é uma maneira estratégica de mostrar os pontos mais vendidos do grupo sem que o espectador sequer role a tela.
O uso de uma fonte sans serif ”Chakra Petch” faz com que a página se assemelhe a linhas de codificação da velha escola, e o Modo 13h (VGA 256-cores), é claramente uma reminiscência do software de computador do final dos anos 80 e início até meados dos anos 90, que o site público-alvo seria, sem dúvida, fortemente influenciado. Também perceptível é um efeito de animação de computador pixelizado nas páginas internas.
Há um forte senso de scrollytelling através de efeitos e animações de rolagem, cópia simples, um esquema de cores futurista e um logotipo inspirado em um velociraptor. Na verdade, todo o site é enquadrado de forma inteligente para oferecer às visualizações um forte senso de prova social por meio de grandes ícones da indústria e parceiros famosos.
Disraptors emprega muitas animações de scrollytelling muito alinhadas com a era de ouro da computação que definiu a era, agora atualizada com uma aparência adequada para o século 21.
Desenho: Robin Stenczel
Desenvolvimento : Amazual Media
Tema : Olá
Plugins : Complementos Premium, Elementor PRO, ACF
Ver site ao vivo
07
COMX
por Jordan Jenkins e Sam Carrier
COMX é uma exposição incrível de projetos digitais que abrangem videogames, tecnologias interativas, animação e arte, todos criados pelos talentosos alunos da Escola de Tecnologias de Jogos da Universidade de Gloucestershire. A cada ano, os alunos se agrupam e testam suas habilidades criando seus próprios projetos originais, levando o COMX a se tornar uma expressão única dos talentos criativos, técnicos e cooperativos da universidade do Reino Unido.
A cor é espalhada por todo o site, desde gradientes sutis até telas vívidas de largura total, marcando seções. Os visitantes também serão atraídos pela estrutura estética das grades de caixa com cantos arredondados combinando com a aparência geral suave da página. O site é brilhante, divertido, vibrante e evoca uma espécie de maravilha infantil.
Cada um dos heróis das respectivas páginas é decorado com uma cor específica; a página Prêmios em gradiente laranja-framboesa, a página Equipes em um tom azul-cerúleo, a página Estudantes em um híbrido verde-azulado, a página COMX Live em uma mistura de azul a roxo-lavanda, a Galeria em um fúcsia real e mix de rosas, e a página de Login em uma fusão de salmão e tangerina atômica. Cada uma dessas páginas traz sua própria personalidade e emite sua própria energia.
Animações de texto fade-in são usadas em várias páginas, que fluem perfeitamente na rolagem, principalmente na página de Prêmios. Cada uma das equipes recebe seu próprio esquema de cores e espaço para detalhar suas características e qualidades únicas. O design plano do site de alguma forma funciona para manter todo o sistema de design sob controle.
COMX é um exemplo clássico de como cores lindas podem dar vida a um site sem sobrecarregar o espectador, pois combina habilmente elementos de minimalismo, design plano e gradientes. COMX está aqui para jogar!
Design e Desenvolvimento : Jordan Jenkins e Sam Carrier
Tema : Olá
Plugins : Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Dynamic Conditions, Custom Post Type UI, Advanced Custom Fields, LoftLoader
Ver site ao vivo
06
MESSS
por Orlando Marconi
A MESSS é uma agência e estúdio criativo brasileiro formado por uma equipe de profissionais inquietos prontos para repensar a comunicação da marca de seus clientes da forma mais original possível. Da estratégia à execução, dentro, fora e até além da atmosfera: eles prometem dedicação total para fazer ecoar a voz de seus clientes por toda parte. Eles têm suas mentes no futuro, mas entendem o que a marca precisa de ontem. Com um olhar muito atento e único, provam que é possível surpreender nos detalhes.
O MESSS apresenta duas vertentes: Agência + Estúdios, cada um com um público-alvo. A Agency atende marcas de médio a grande porte que desejam utilizar “influenciadores digitais” para alavancar suas campanhas e vendas, enquanto o Studio é voltado para agências que precisam de produtoras de vídeos e fotos para finalizar sua campanha.
Incutindo credibilidade com criatividade, o site usa um layout minimalista com mídia rica e vibrante. O site da agência mostra seu lado criativo usando um vídeo de fundo de largura total, enquanto sua contraparte de estúdio mostra seu rico portfólio. Visível em todo o site é uma cor rosa neon dominante usada em uma variedade de elementos influenciados pelo logotipo.
Há uma boa hierarquia dentro dos estudos de caso com quase uma aparência de blog. Descendo até o rodapé, os espectadores notarão uma bela animação personalizada de Lottie, linhas de desenho de estilo livre, sombras rosa brilhantes sobre caixas ao passar o mouse e um abraço da própria palavra “bagunça”.
MESSS é um site que transmite credibilidade enquanto ainda é criativo e flexível em uma bagunça criativa que se encaixa perfeitamente.
Design e Desenvolvimento : Orlando Marconi
Tema : Olá
Plugins : Elementor Pro, Crocoblock JetEngine, DynamicTags
Ver site ao vivo
05
Salão de beleza Thea
por OFFSCALE
Thea abriga um espaço acolhedor, acolhedor e cheio de energia positiva, onde são fornecidos serviços de salão de beleza e produtos de alto padrão na cidade portuária de Thessaloniki. O estabelecimento grego tem como primeira preocupação a satisfação e serviço dos seus clientes e trabalha arduamente de forma a fornecer os melhores serviços e produtos.
Grécia é a palavra neste magnífico site que foi beijado pelo oceano. Um tema de cores exclusivo envolve o site, lembrando as colinas pedregosas e as águas azul-turquesa de Thessaloniki. Trazendo muitos elementos da rica herança cultural grega, o salão os usa como motivos em todo o site.
A estética grega clássica, como esculturas, ícones, botões e ilustrações, ícones, botões, ilustrações, imagens e formas de máscara inspiradas tanto no antigo quanto no novo, são claramente vistas. Uma fonte calmante do oceano também é usada para transmitir a mensagem, com a beleza feminina artisticamente celebrada.
Não há pontos ou arestas, tudo é refinado. O uso de uma cabeça, torso e mão esculpidos femininos é uma bela maneira de destacar os tratamentos faciais, corporais e de manicure oferecidos pelo salão. O salão claramente quer que sua clientela se sinta tão luxuosa quanto uma deusa mítica.
A linguagem de design unificada do Thea é tão calmante quanto as ondas do Mar Mediterrâneo. Tecendo uma antiga tapeçaria de herança nos tratamentos de beleza de um mundo moderno, o site é uma celebração do presente, pois é uma homenagem ao seu famoso passado antigo.
Design e Desenvolvimento : Marios Natsos – OFFSCALE
Tema : Olá
Plugins : Elementor Pro, WP mail SMTP
Ver site ao vivo
04
Wodo
por Shyam Singh
WODO é uma equipe de pensadores apaixonados e criativos, empreendedores experientes e executivos altamente qualificados para ajudar no crescimento dos negócios. Com sede na Índia e trabalhando com clientes em todo o mundo, eles seguem os fundamentos do design criativo da web e campanhas digitais de alto ROI. Em palavras simples - eles conhecem o jogo de lançar um negócio on-line e torná-lo lucrativo. Ao conectar os pontos certos para os negócios de seus clientes, eles criam soluções digitalmente competentes e impactantes.
O design do site é inspirado em diretrizes de design contemporâneas, animações sutis, microinterações e uma abordagem mobile-first. Cada elemento usado foi criado com uma identidade de marca coesa em mente. Pegue a esfera animada, por exemplo, que usa realces numéricos com um efeito de carrossel.
Conforme o espectador rola para baixo, ele verá um emblema interativo com palavras rotativas. Logo acima, há um menu triangular de hambúrguer exclusivo que, ao passar o mouse, altera os links de acesso rápido para preto. Também vale a pena prestar atenção nas linhas de grade no fundo, que adicionam um pouco de estabilidade e ordem à página.
Todo o site demonstra o que a agência criativa de ponta é capaz de oferecer. Usando animações Lottie e SVGs para o logotipo e ícones, bem como um preto luxuoso misturado com um esquema de cores amarelo divertido, contrasta lindamente a mistura de caos e ordem do site. Onde as páginas internas relevantes também demonstram a experiência móvel sem precisar sair do site. Da mesma forma, os resultados dos estudos de caso na página são um toque agradável.
WODO transmite maravilhosamente sua visão de marca e mensagem claramente através de cada projeto com páginas internas detalhadas e páginas principais altamente polidas, exemplificadas pelo uso do mais recente design moderno.
Desenho: Aravind Sudarsanan
Desenvolvimento : Shyam Singh
Tema : Olá
Plugins : Elementor Pro, Jet Engine, Steroids for Elementor
Ver site ao vivo
03
Aiurri Montessori
por Humanos Unidos
No Aiurri Montessori da Espanha, eles criaram espaços que as crianças podem sentir que são seus. Espaços que levem em conta suas necessidades para se construir e onde possam ser livres para seguir suas tendências naturais e assim desenvolver todo seu potencial seguindo seu mestre interior. A pedagogia montessoriana foca no desenvolvimento integral da pessoa desde o nascimento, depositando toda a confiança em seu potencial e oferecendo um ambiente de cuidado e realidade para que cada criança se torne a melhor pessoa que pode ser.
Capturando a liberdade da pedagogia Montessori, o site apresenta de forma inteligente um momento de fluxo livre em uma imagem de largura total no herói da página. Rodeado por uma cor amarela pastel, existe uma atmosfera muito calma e agradável criada pelo design. Imagens de alta definição de crianças engajadas desfrutando de uma variedade de atividades educacionais, bem como professores sorridentes evocam uma sensação de calor e segurança com a qual os pais podem se conectar imediatamente.
Grande tipografia, citações pessoais e mudança de cor minimalista se unem para criar uma sensação de carinho e aconchego, assim como crianças felizes e sorridentes. O uso de espaços em branco,
letras grandes e citações pessoais de Maria Montessori ajudam a ilustrar a abordagem centrada na criança deste método de ensino.
Cada uma das páginas internas emprega uma cor pastel ligeiramente diferente que destaca uma área diferente do site, incluindo tons de amarelo, verde e rosa. Preste atenção no logotipo do site, que parece letras pintadas por um giz de cera que mais uma vez celebra a inocência da infância.
Aiurri Montessori oferece ao seu público-alvo uma sensação acolhedora e estimulante de seu método revolucionário, capturando a essência da natureza livre das aulas e atividades voltadas para crianças e lideradas por crianças de Maria Montessori.
Desenho: Benat Elizalde
Desenvolvimento : Miguel Angel Herrera – Humanos Unidos
Tema : GeneratePress
Plugins : Elementor Pro, Premium Addons, WPML, Essential Addons
Ver site ao vivo
02
Skateboarding Traunstein
por Bene Hofer
Skateboarding Traunstein é um clube recém-fundado que está altamente motivado para fazer a cena do skate na cidade alemã e arredores voltar a funcionar. Sua missão é criar um lugar e uma comunidade onde todos possam se sentir confortáveis. Eles são uma grande comunidade que quer fazer a diferença em Traunstein.
Mantendo-se fiel às suas raízes, o site usa corajosamente um vídeo de câmera portátil como seu herói em tela cheia. Isso faz com que pareça acessível aos jovens locais. O uso de uma grade assimétrica também dá ao site uma sensação contemporânea.
À medida que os visitantes passam o mouse sobre o logotipo, ele começa a girar por uma fração de segundo, o que, quando clicado, nos leva de volta ao topo da página. Também não convencional é a lista em breve, que apenas ao passar o mouse revela imagens do que está por vir.
Uma das principais características da página é sua influência de patinação. Da tipografia brutalista ao logotipo da rampa de skate, ao bando de imagens e vídeos colocados em todos os lugares do site. A cor realmente vem da mídia avançada, pois a tela de mercúrio sutil traz o conteúdo para a frente.
Skateboarding Traunstein captura com precisão seus princípios fundadores de obter apoio para um parque de skate maior, organizar competições de skate e fornecer oportunidades para skatistas mais novos acessarem aulas de skate com uma abordagem minimalista que coloca o skate em primeiro plano com confiança.
Design e Desenvolvimento : Bene Hofer
Tema : Olá
Plugins : Elementor Pro, Qi Addons, WP Custom Cursors
Ver site ao vivo
01
Borda ZURU
por Marc Day
ZURU Edge tem tudo a ver com a criação de marcas inovadoras e disruptivas em grandes categorias de bens de consumo. Sua equipe está comprometida em construir marcas orientadas a propósitos que sejam relevantes para os consumidores da geração Y e da geração Z. Estas são as marcas que seus clientes exigem: marcas com coração, propósito e valor. Com sede em Auckland, Nova Zelândia, na ZURU Edge, eles estão construindo as marcas de amanhã e nós as estamos trazendo para o mundo, hoje.
O herói de vídeo do portfólio de largura total é uma deslumbrante harmonia de cores e mostra a vasta gama de clientes da agência. Há um toque de grandiosidade com um vídeo de alta definição que dá uma aparência e uma sensação grandiosas às suas capacidades de marca. No entanto, há também uma sensação de acessibilidade, pois elementos de simplicidade, como o rodapé, a página de contato e a abordagem minimalista predominante, complementam os recursos mais altos do site.
O design plano e minimalista utiliza tipos grandes e imagens grandes, que são definidas em uma tela preta combinadas para dar uma aparência contemporânea a ele. Além disso, o design enfatiza as imagens e vídeos que dão cor à página, a maioria tingida com um filtro neon. Há também um bom uso de efeitos de rolagem sutis, chamando a atenção para o texto que o acompanha.
Uma sensação de mistério envolve o site devido à sua galeria propositadamente limitada e layout minimalista. Por exemplo, passar o mouse sobre as caixas vazias em "Marcas" revela suas imagens correspondentes. Da mesma forma, a página “Nossas Marcas” do site também oferece um teaser tentador de seu portfólio, atraindo o espectador a clicar. As páginas internas detalhadas oferecem uma visão mais profunda de cada campanha que novamente segue a mesma fórmula de design.
Criando as marcas de amanhã, ZURU Edge está se movendo com a energia, direção e ritmo do mundo de hoje; interrompendo categorias obsoletas e levando-as ao século 21 com marcas orientadas por propósito, inovação e dados.
Design e Desenvolvimento : Marc Day
Tema : Olá
Plugins : Elementor Pro, Yoast, WP Rocket
Ver site ao vivo