A quinta vitrine deste ano provoca deliciosamente as tendências em mudança no design, explora novas reviravoltas em ícones culturais retrô e celebra o poder subestimado das personalizações sutis. Os sites de maio incluem uma variedade de estúdios e agências criativas, uma poderosa empreitada tecnológica empreendedora, um dos festivais de música de verão mais populares da Oceania, um portfólio de exposição digital universitária, um sensual salão de beleza grego, um projeto de skate de base e um site Montessori que faz sorrir.
Descubra animações misteriosas que revelam conteúdo vazio do site apenas ao passar o mouse, anote como implementar designs clássicos em layouts modernos, veja como mesclar uma variedade de efeitos de rolagem e animação, estude como manter um ar de mistério ao reter 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!
10
Festival Falls
por Cruickshanks Agency
O Falls Music & Arts Festival é um festival de música australiano de vários dias realizado anualmente em locais de Victoria, Tasmânia, Nova Gales do Sul e Austrália Ocidental durante o período de Ano Novo. É um dos maiores festivais de música da Oceania, reunindo alguns dos maiores artistas do mundo. O festival apresenta performances 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 roots.
Inspirando-se nos cartazes de festivais de música, o site foi claramente projetado para ressoar com seu público mais jovem. Implementando um acabamento granular nostálgico em um fundo degradê, a página adquire uma atmosfera de deserto.
O Falls Festival implementa uma tipografia grande, um design minimalista e um esquema altamente responsivo claramente voltado para seu público-alvo móvel-primeiro. Empregando um espectro de cores — rosa, laranja, amarelo e azul — o festival evoca sentimentos de energia e excitação em linha com seu catálogo musical.
Aprofundando-se em suas páginas internas, o público poderá encontrar informações sobre cada um dos artistas que se apresentam, bem como links para suas várias redes sociais. Oferecendo um teaser dos sons da setlist, os espectadores encontrarão uma playlist personalizada do Spotify incorporada, incluindo um efeito de vídeo estático retrô.
O Falls Music & Arts Festival fala com seu público-alvo usando uma combinação de técnicas contemporâneas enquanto mantém apenas o conteúdo principal. Após dois anos de silêncio, o Falls Festival está mais uma vez pronto para arrasar.
Design & Desenvolvimento: Brett Cruickshanks – Cruickshanks Agency
Tema: Hello
Plugins: Elementor, Elementor Pro, Nitropack, Rank Math SEO, Insert Headers & Footers
09
Ulah
por BangLUXOR
Ulah é uma agência criativa espanhola focada em consultoria de marca, criação de interfaces digitais e ferramentas de gestão de marketing para projetos de alto impacto. Eles trabalham globalmente com o support de clientes em seis países. Sua visão se concentra em fazer a diferença em cada projeto como resultado de uma estratégia bem-sucedida de acordo com as tendências atuais do mercado. Seu trabalho simplifica negócios, inspira novos comportamentos e atende às necessidades das pessoas.
A primeira coisa que chama a atenção do espectador é a seção de herói única, que é dividida de maneira bastante incomum. Desde a forma como se abre com sua cópia impactante fazendo uma grande entrada, até como emprega um forte laranja-avermelhado brilhante, o site oferece uma abordagem refrescante para agências criativas que desejam se destacar.
Elementos de símbolos animados por computador retro, como um polegar para cima, rosto com um soco, esboços de doodle e animações Lottie, combinam para dar ao site uma vibração lúdica misturada com acabamentos profissionais de texto sem serifa, tipografia grande e um design minimalista plano. O efeito inteligente do menu hambúrguer, que lembra um flashback, parece um pouco com um programa de televisão antigo. Também é notável o uso de múltiplos CTAs, caminhos de texto e um logotipo que se assemelha a um sorriso, enfatizando uma abordagem descontraída para esta indústria profissional.
Preste atenção ao cursor do mouse que muda na seção de serviços, que muda para laranja, bem como ao design inteligente de três páginas divididas, branding e marketing digital. Há uma aparência e sensação interativa e fluida no site, bom uso de máscaras nas páginas internas e uma abordagem única de um motivo esquerda-direita.
Ulah é uma abordagem fresca para se destacar no cenário competitivo das agências criativas. Ao combinar um acabamento profissional com toques de delícias lúdicas, a agência mostra sua mão magistral para inspirar, encantar e entregar.
Design & Desenvolvimento: Andres Florido Delgado – BangLUXOR
Tema: Hello
Plugins: Elementor Pro, Dynamicooo, Unlimited Addons, WProcket
08
Disraptors
por Amazual Media
Disraptors é um grupo de pessoas de várias origens — VCs, bancos de investidores, startups, ONGs e agências espaciais. Juntos, eles permanecem, divididos, às vezes trabalham em outras coisas. Eles produzem uma frota diversificada de conteúdo, o Disraptors Summit com a Final do Campeonato Europeu de Startups é nosso carro-chefe. Seus podcasts, competições locais de startups, hackathons e meetups sem pitch são seus outros principais veículos.
Exibir o rosto de um dos gurus de tecnologia mais renomados do mundo em seu evento de vitrine é um golpe de mestre que dispensa explicações. 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 melhores pontos de venda do grupo sem que o visualizador precise rolar a página.
Usar a fonte sem serifa ‘Chakra Petch’ faz a página se assemelhar a linhas de codificação antigas, e o Modo 13h (VGA 256 cores) é claramente reminiscente do software de computador do final dos anos 80 e início a meados dos anos 90, que o público-alvo do site sem dúvida seria fortemente influenciado. Também é notável um efeito de animação de computador pixelado nas páginas internas.
Há um forte senso de scrollytelling através de efeitos de rolagem e animações, cópia simples, um esquema de cores futurista e um logotipo inspirado em um velociraptor. Na verdade, todo o site é inteligentemente estruturado para oferecer aos visualizadores um forte senso de prova social através de ícones da indústria de renome e parceiros famosos.
Disraptors emprega muitas animações de scrollytelling muito alinhadas com a era dourada da computação, agora atualizadas com uma aparência e sensação adequadas para o século 21.
Design: Robin Stenczel
Desenvolvimento: Amazual Media
Tema: Hello
Plugins: Premium Addons, Elementor PRO, ACF
07
COMX
por Jordan Jenkins e Sam Carrier
COMX é uma incrível exposição 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 colocam suas habilidades à prova 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 de largura total vívidas marcando seções. Os visitantes também serão atraídos pela estrutura estética de grelhas de caixas 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 em uma cor específica; a página de Prêmios em gradiente de framboesa-laranja, a página de Equipes em um tom de mirtilo-cerúleo, a página de Alunos em um híbrido de verde-água-teal, a página COMX Live em uma mistura de azul a lavanda-roxa, a Galeria em uma mistura de fúcsia-real e rosa, 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 que aparecem gradualmente são usadas em várias páginas, que fluem perfeitamente ao rolar, mais notavelmente 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 em ordem.
COMX é um exemplo clássico de como cores deslumbrantes podem dar vida a um site sem sobrecarregar o visualizador, pois combina habilmente elementos de minimalismo, design plano e gradientes. COMX está aqui para brincar!
Design & Desenvolvimento: Jordan Jenkins e Sam Carrier
Tema: Hello
Plugins: Elementor, Elementor Pro, Anywhere Elementor, Anywhere Elementor Pro, ACF Frontend, Dynamic Conditions, Custom Post Type UI, Advanced Custom Fields, LoftLoader
06
MESSS
por Orlando Marconi
MESSS é uma agência criativa e estúdio brasileiro composto por uma equipe de profissionais inquietos prontos para repensar a comunicação da marca de seus clientes da maneira mais original possível. Da estratégia à execução, online, offline e até mesmo além da atmosfera: eles prometem total dedicação para fazer a voz de seus clientes ecoar longe. Eles têm a mente no futuro, mas entendem o que a marca precisa desde ontem. Com um olhar muito atento e único, eles provam que é possível surpreender nos mínimos detalhes.
MESSS apresenta dois aspectos: Agência + Estúdios, cada um com um público-alvo. A Agência atende marcas médias a grandes que desejam usar “influenciadores digitais” para alavancar suas campanhas e vendas, enquanto o Estúdio é voltado para agências que precisam de empresas de produção de vídeo e foto para completar suas campanhas.
Instilando 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 em tela cheia, enquanto seu equivalente de estúdio exibe seu rico portfólio. Visível em todo o site está uma cor rosa neon dominante usada em uma variedade de elementos influenciados pelo logotipo.
Há uma boa hierarquia nos estudos de caso com uma aparência e sensação quase de blog. Descendo até o rodapé, os espectadores notarão uma bela animação Lottie personalizada, linhas de desenho freestyle, sombras rosa brilhantes sobre caixas ao passar o mouse e uma aceitaçã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 & Desenvolvimento: Orlando Marconi
Tema: Hello
Plugins: Elementor Pro, Crocoblock JetEngine, DynamicTags
05
Salão de Beleza Thea
por OFFSCALE
Thea oferece um espaço acolhedor e cheio de energia positiva, onde serviços e produtos de salão de beleza de alto padrão são fornecidos na cidade portuária de Tessalônica. O estabelecimento grego tem como primeira preocupação a satisfação e o atendimento de seus clientes e trabalha arduamente para fornecer os melhores serviços e produtos.
A Grécia é a palavra neste magnífico site que foi beijado pelo oceano. Um tema de cores único envolve o site, lembrando as colinas pedregosas e as águas turquesas de Tessalônica. Trazendo muitos elementos da rica herança cultural grega, o salão usa esses como motivos em todo o site.
Estéticas clássicas gregas, como esculturas, ícones, botões e ilustrações, imagens e formas de máscara inspiradas tanto pelo antigo quanto pelo novo são claramente vistas. Uma fonte oceânica calmante também é usada para transmitir a mensagem, com a beleza feminina celebrada artisticamente.
Não há pontos ou arestas, tudo é refinado. O uso de uma cabeça, torso e mão feminina esculpida é uma maneira bonita 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 de Thea é tão calmante quanto as ondas do Mar Mediterrâneo. Tecendo uma tapeçaria antiga de herança em tratamentos de beleza do mundo moderno, o site é uma celebração do presente, assim como uma homenagem ao seu famoso passado antigo.
Design & Desenvolvimento: Marios Natsos – OFFSCALE
Tema: Hello
Plugins: Elementor Pro, WP mail SMTP
04
Wodo
por Shyam Singh
WODO é uma equipe de pensadores criativos e apaixonados, empreendedores experientes e executivos altamente qualificados para auxiliar no crescimento dos negócios. Com sede na Índia e trabalhando com clientes em todo o mundo, eles seguem os fundamentos do design web criativo e campanhas digitais de alto ROI. Em palavras simples – eles conhecem o jogo de lançar um negócio online e fazê-lo crescer até a lucratividade. Conectando os pontos certos para os negócios de seus clientes, eles criam soluções digitalmente competentes que são impactantes.
O design do site é inspirado por diretrizes de design contemporâneas, animações sutis, micro-interaçõ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 destaques numéricos com um efeito de carrossel.
À medida que o espectador rola para baixo, verá um emblema interativo com palavras giratórias. Logo acima está um menu de triângulo hambúrguer único que, ao passar o mouse, muda os links de acesso rápido para preto. Também vale a pena prestar atenção às 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 alto nível é capaz de oferecer. Usando animações Lottie e SVGs para o logotipo e ícones, bem como um luxuoso preto misturado com um esquema de cores amarelo brincalhão, contrasta lindamente a mistura de caos e ordem do site. Onde páginas internas relevantes também demonstram a experiência móvel sem nunca precisar sair do site. Da mesma forma, os resultados dos estudos de caso na página são um toque agradável.
WODO transmite lindamente sua visão e mensagem de marca claramente através de cada projeto com páginas internas detalhadas e páginas principais altamente polidas exemplificadas pelo uso do que há de mais moderno em design.
Design: Aravind Sudarsanan
Desenvolvimento: Shyam Singh
Tema: Hello
Plugins: Elementor Pro, Jet Engine, Steroids for Elementor
03
Aiurri Montessori
por Humanos Unidos
Na Aiurri Montessori da Espanha, eles criaram espaços que as crianças podem sentir como seus. Espaços que levam em conta suas necessidades para se desenvolverem e onde podem ser livres para seguir suas tendências naturais e, assim, desenvolver todo o seu potencial seguindo seu professor interior. A pedagogia Montessori foca no desenvolvimento integral da pessoa desde o nascimento, colocando toda a confiança em seu potencial e oferecendo um ambiente acolhedor e baseado na realidade para que cada criança se torne a melhor pessoa que pode ser.
Capturando a liberdade da pedagogia Montessori, o site apresenta inteligentemente um momento fluido em uma imagem de largura total no herói da página. Rodeado por uma cor pastel amarela, há uma atmosfera muito calma e agradável criada pelo design. Imagens em alta definição de crianças envolvidas em uma variedade de atividades educativas, bem como professores sorridentes, evocam uma sensação de calor e segurança com a qual os pais podem se conectar imediatamente.
Tipografia grande, citações pessoais e mudança de cor minimalista se unem para criar uma sensação de cuidado e aconchego, assim como crianças felizes e sorridentes. O uso de espaços em branco,
tipografia grande 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 ao logotipo do site, que parece ser letras pintadas com um giz de cera, celebrando novamente a inocência da infância.
Aiurri Montessori oferece ao seu público-alvo uma sensação acolhedora e de cuidado com seu método revolucionário, capturando a essência da natureza livre das salas de aula e atividades centradas e lideradas pelas crianças de Maria Montessori.
Design: Beñat Elizalde
Desenvolvimento: Miguel Angel Herrera – Humanos Unidos
Tema: GeneratePress
Plugins: Elementor Pro, Premium Addons, WPML, Essential Addons
02
Skateboarding Traunstein
por Bene Hofer
Skateboarding Traunstein é um clube recém-fundado que está altamente motivado a revitalizar a cena do skate na cidade alemã e na área circundante. 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.
Fiel às suas raízes, o site usa corajosamente um vídeo de câmera de mão como seu herói em tela cheia. Isso o torna acessível para a juventude local. 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 um segundo, o que, quando clicado, nos leva de volta ao topo da página. Também é incomum a lista de “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 no skate. Desde a tipografia brutalista até o logotipo da rampa de skate, passando pela abundância de imagens e vídeos espalhados por todo o site. A cor realmente vem da mídia rica, enquanto a tela de mercúrio sutil destaca o conteúdo.
Skateboarding Traunstein captura com precisão seus princípios fundadores de obter support para um skate park maior, organizar concursos de skate e fornecer oportunidades para novos skatistas terem acesso a aulas de skate com uma abordagem minimalista que coloca o skate em destaque com confiança.
Design & Desenvolvimento: Bene Hofer
Tema: Hello
Plugins: Elementor Pro, Qi Addons, WP Custom Cursors
01
ZURU Edge
por Marc Day
ZURU Edge é sobre criar marcas novas e disruptivas em grandes categorias de bens de consumo tradicionais. Sua equipe está comprometida em construir marcas com propósito que sejam relevantes para os consumidores Millennials 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 do amanhã e estamos trazendo-as para o mundo, hoje.
O vídeo herói de portfólio em 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 em alta definição que dá uma aparência e sensação de maior que a vida às suas capacidades de branding. No entanto, também há 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 chamativos do site.
O design plano e minimalista utiliza tipografia grande e imagens grandes, que são colocadas em uma tela preta combinada para dar uma aparência e sensação contemporâneas. Além disso, o design enfatiza as imagens e vídeos que fornecem a cor da página, a maioria dos quais são tingidos com um filtro neon. Há também um bom uso de efeitos de rolagem sutis que chamam a atenção para o texto acompanhante.
Uma sensação de mistério envolve o site devido à sua galeria propositalmente limitada e layout minimalista. Por exemplo, ao 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 visualizador a clicar. As páginas internas detalhadas oferecem um vislumbre mais profundo de cada campanha, que novamente seguem a mesma fórmula de design.
Criando as marcas do amanhã, ZURU Edge está se movendo com a energia, direção e ritmo do mundo de hoje; disruptando categorias obsoletas e liderando-as para o século 21 com marcas impulsionadas por propósito, inovação e dados.
Design & Desenvolvimento: Marc Day
Tema: Hello
Plugins: Elementor Pro, Yoast, WP Rocket
