Sites Elementor de julho de 2021

Nesta época particularmente quente do ano, não poupamos uma gota de suor em nossa missão de encontrar sites incríveis para você consultar. Vasculhando os cantos mais distantes do mundo, conseguimos reunir os sites mais bem projetados, exclusivos e diversos para você se inspirar.

Nossa seleção inclui dez novos sites de oito países diferentes, espalhados por quatro continentes. E, pela primeira vez, temos o prazer de anunciar que temos um vencedor do Japão. É especialmente emocionante para nós porque descobrimos toda uma nova cultura de web design.

Descubra como você pode levar o usuário em uma jornada e contar uma história usando animações, ou como você pode provocar emoções de calma ou emoção por meio de vários esquemas de cores. E aprenda a usar sutilmente ícones, emojis e tipografia para transmitir sua filosofia.

De vídeos rápidos a sites focados em scrolly-telling, até aqueles que exalam elegância - temos todos eles, então prepare-se para sua dose mensal de inspiração.

Estamos entusiasmados por começar este top 10 com nosso primeiro vencedor do Japão. Vindo de Osaka, Graphity é um estúdio de design especializado em branding, web e design gráfico, filmes e ilustrações. Sua filosofia - design divertido e valor para a felicidade de todos os envolvidos. Esta é a primeira vez que apresentamos um site japonês e estamos muito animados com isso.

O site abre com uma seção de herói de largura total que mostra na sobreposição de fundo seus trabalhos, bem como um padrão de fundo de pontos que dá a ilusão dos cadernos pontilhados de web design que os designers tanto gostam. Também faz com que o fundo pareça não invasivo e não distraia de outros elementos. Na parte inferior da seção principal, há uma faixa de notícias que aponta para o blog deles, que é outro método excelente e sem distração para destacar notícias ou promoções.

Seu menu lateral é eficiente e criativo e inclui três referências às páginas mais importantes. Acima deles, há também um botão de hambúrguer, que abre um pop-up mais amplo que lembra muito as estruturas do mundo da impressão onde há uma grade clara.

A rolagem faz com que o espectador entre em uma espécie de jogo onde descobre algo novo a cada momento, sejam suas obras, seus serviços ou outras características importantes.

Para destacar ainda mais sua natureza divertida, pode-se olhar sua página inicial e as páginas de Filosofia. A parte inferior da página inicial funciona como uma pilha de cartões empilhados ao rolar para baixo. Quase tudo é uma reminiscência do mundo dos jogos com uma piscadela para o mundo real. Na página de Filosofia, a fonte é bem diferente da exibida no site e mostra algo muito humano. Além disso, o próprio texto é cheio de humor que pode ser relacionado.

No geral, o site da Graphity exibe uma linguagem muito profissional. É muito preciso e muito detalhado (até mesmo no dia a dia dos estagiários).

Design e Desenvolvimento: Kenji Matsuo

Tema: Olá

Plugins: Complementos Happy Elementor, Complementos Premium para Elementor, Sticky Header para Elementor

A Brand Label é uma empresa de fabricação de etiquetas com sede em Bucareste, Romênia. Tem se especializado no fornecimento de uma ampla gama de etiquetas de roupas de alta qualidade há mais de 15 anos. O seu sentido de estilo e a aspiração de criar rótulos de alta qualidade podem ser vistos claramente na sua galeria e na gama de produtos (e materiais) que oferecem e o seu site apenas reforça esse sentido.

Desde o início, a seção do herói da página inicial imprime as ideias de estilo, alfaiataria e qualidade de uma só vez. O logotipo da marca usa uma animação lúdica da trilha do mouse na forma de uma linha pontilhada (um motivo que aparece em todo o site) para aludir claramente ao padrão de costura de seus rótulos.

Bem no centro da seção do herói, o nome da marca é visivelmente declarado em letras grandes e em negrito e, atrás dele, a imagem de um rótulo. O esquema de cores pastel brilhante produz uma vibração relaxante e feliz, para um tópico desinteressante.

A seção do herói oferece ainda um menu pop-up (no lado oposto do logotipo animado, mas de alguma forma complementar e simétrico). O cardápio é muito bem elaborado, com cores que aparecem em todo o site, linhas pontilhadas e tipografia em negrito. Além disso, o botão é fixo e sempre visível ao rolar para cima ou para baixo, permitindo uma melhor navegação.

O site usa um plug-in de tradução que permite ao usuário mudar para qualquer um dos três idiomas, aumentando assim substancialmente seu público-alvo. Por último, na parte inferior, existe um grande rodapé que incorpora um formulário para facilitar a comunicação.

Design & Desenvolvimento: Eugen Mischiu

Tema: Olá

Plugins: WooCommerce, Traduzir WordPress

Da Alemanha, temos a Brand Baker — uma agência de marketing digital centrada no Facebook que fornece serviços de marketing digital, planejamento de estratégia digital, design e desenvolvimento e muito mais. Segundo eles, “enfrentamos nosso mundo em constante mudança com a flexibilidade necessária, apreciamos as características individuais de nossa equipe e compartilhamos o desejo incessante de perfeição”.

Seu site é fiel à sua visão de flexibilidade, pois incorpora elementos clássicos e novas tendências. O ícone de rolagem animado convida o usuário a rolar e aproveitar a história animada que criou (algo que veremos novamente mais adiante).

Ao rolar, o usuário se depara com uma animação suave de texto grande e vídeos relevantes para cada seção, apresentados em uma grade única e não uniforme. Cada seção também é separada pelo uso de cores diferentes para o texto, essa composição, portanto, produz um fluxo dinâmico e uma hierarquia clara.

Design & Desenvolvimento: Brand Baker

Tema: Olá

Plugins: Element Pack, Rank Math SEO PRO, Classic Editor

SFG Tirol é uma galeria de pedra e azulejo da Áustria. Seus serviços incluem a criação de conceitos sob medida (fornecendo aconselhamento sobre a escolha do ladrilho) e a implementação desses conceitos com ladrilhadores internos. Embora este seja um site comercial, ele mantém elementos criativos e tons suaves.

O motivo dos azulejos está espalhado por todo o site na forma de formas geométricas (principalmente, quadrados). Um ótimo exemplo disso é visto na página Quem Somos e na página Inspirações. A página Quem Somos usa um mosaico de imagens e texto, propositadamente colocados de forma a dar a ilusão de ladrilhos. A página Inspiration, por outro lado, usa a galeria do Elementor com um efeito de animação para mostrar fotos em quadrados quase perfeitos, o que, novamente, dá a ilusão de ladrilhos sendo colocados bem na sua frente.

As cores do site são verde suave e cinza. Pode-se obter o sentido da natureza olhando para ela e, talvez, isso seja projetado para ajudar o leitor a fazer a associação de uma empresa ecologicamente correta.

Há um bom uso da opção de posição fixa da imagem, para criar um efeito onde, enquanto rola para baixo, uma imagem permanece fixa, enquanto a rolagem ao redor se afasta. Isso cria uma sensação de olhar através de um buraco de fechadura para uma casa que, talvez, seja uma conexão que o site está tentando fazer na mente do leitor - ladrilhos = casa.

A navegação no site é bem feita. É muito fácil de navegar. Há uma hierarquia clara. As imagens são reais (não imagens de estoque), de alta qualidade e clareza para mostrar os serviços e produtos da empresa, e disposição amigável (olha esses sorrisos!). A página de contato é muito pessoal e inclui um formulário muito detalhado preencher.

Design & Desenvolvimento: Raum 15

Tema: Olá

Plugins: Autoptimize, Cookie Borlabs, Cabeçalho e Rodapé, Redirecionamento, WP Mail SMTP

Somos Avocado é um estúdio criativo dirigido por duas jovens mulheres — Alazne e Cris. O foco principal é o design, ou mais especificamente — “bom design”. Seu desejo é fornecer o tipo de design que comunica e serve a um propósito. Design baseado em escuta, comunicação e relacionamentos de longo prazo com seus clientes. O site deles incorpora essa abordagem não genérica de design.

Desde a primeira impressão da seção de heróis, fica claro que eles valorizam a singularidade. Eles empregam fontes exclusivas em um fundo artístico com um efeito de animação de sobreposição. Desde o início, você sente sua classe e criatividade.

Mas a fonte branca em um fundo preto não é única. O que eles fizeram foi uma transição muito bem executada. Se você rolar para baixo, verá como o design muda de preto para cinza, para mais colorido - expandindo a ideia de que todos são únicos e que não há uma solução, mas mais do que isso - que eles podem oferecer qualquer design .

Há emojis espalhados pelo texto e, ao acessar a página Sobre, é possível ver figuras de Lego na imagem de Alazne e Cris. Isso mostra claramente que, embora as meninas sejam profissionais, elas não carecem de caráter (divertido e lúdico) com o qual talvez gostariam de incutir uma sensação de familiaridade e conforto.

Design & Desenvolvimento: Somos Avocado

Tema: Olá

Plugins: CookieLawInfo, Sticky Header para Elementor

A Key International é uma empresa de investimento e desenvolvimento imobiliário com sede em Miami, EUA, com mais de 30 anos de experiência. O principal objetivo do site é destacar o diversificado portfólio da empresa e, ao mesmo tempo, transmitir uma sensação de prestígio e alta classe.

Para ajudar nisso, informações rápidas sobre propriedades são exibidas em um cartão que é apresentado ao usuário conforme ele passa o mouse sobre cada cartão individual. Isso deu ao visitante uma visão rápida de cada propriedade sem ter que carregar uma página completa.

Além disso, nas páginas de detalhes da propriedade, eles exibem cada propriedade usando as melhores fotografias e renderizações por meio da galeria ACF, controle deslizante e campos de imagem. Para mostrar sempre a localização da propriedade, eles implementaram uma barra lateral fixa que sempre exibe essas informações verticalmente conforme o usuário rola a página. Finalmente, usamos condições de exibição dinâmica para mostrar ou ocultar diferentes áreas de conteúdo com base no conteúdo disponível.

O site é um bom exemplo de design minimalista. A informação é focada, o design é limpo e não há desordem desnecessária. Mas o design minimalista não significa que seja simples. O site oferece uma sensação de prestígio por meio do esquema de cores douradas e ícones delicados.

Design e Desenvolvimento: Doodle + Código

Tema: Olá

Plugins: Campos personalizados avançados, tipos de postagem personalizados, skin personalizada Ele, elementos complementares Elementor, extras para Elementor

A BVM Beratung é uma empresa de consultoria e serviços com foco em organizações sem fins lucrativos e conquistou uma posição de liderança em países de língua alemã com mais de 3.000 projetos. A indústria de aconselhamento exige um site profissional e empresarial, mas o fato de trabalharem com NPO requer algum tipo de familiaridade e conforto, e essa dualidade é mostrada no design do site.

A indústria de aconselhamento exige um site profissional e empresarial, mas o fato de trabalharem com NPO requer algum tipo de familiaridade e conforto e essa dualidade é mostrada no design do site.

Desde o início, essa dualidade aparece. Por um lado, o esquema de cores e as imagens em preto e branco fornecem um sentido mais comercial, mas há elementos de amarelo (para destacar pontos importantes). Além disso, para proporcionar ainda mais diversão, o site convida o usuário a interagir com ele. Uma grande seta amarela aponta para a palavra Scroll, convidando o usuário a iniciar a história do site. Todo este site é sobre scrollytelling.

Ao rolar, as animações de seta Lottie aparecem, apontando para um texto recém-aparecido (dentro de um círculo, que é um motivo repetido aqui). A história começou. Conforme o usuário vai rolando, mais animações aparecem, apontando para mais texto, destacando-o e enfatizando a história desse consular para organizações sem fins lucrativos.

A linguagem do site é muito consistente em todo o site. Dá a impressão de integridade e profissionalismo. Desde o motivo repetitivo do círculo, a tipografia complementar e as cores preto, branco, cinza e amarelo.

Design & Desenvolvimento: Millefeuilles

Tema: Olá

Plugins: Elementor Block para Gutenberg, Accordion Blocks, Adminimize, Crocoblock JetEngine, Crocoblock JetSmartFilters, Dynamic Conditions, MouseWheel Smooth Scroll

O Grupo Graphic é uma agência de publicidade da Espanha que atende a tudo, desde publicidade externa (em outdoors e outros), até publicidade em mídia, desenvolvimento web, design gráfico e marketing digital. O objetivo de seu site é mostrar claramente seu trabalho e espírito criativo.

O site começa com um vídeo muito colorido e rápido. O vídeo mostra claramente suas habilidades e é, talvez, direcionado ao público-alvo da geração mais jovem. As imagens mudam rapidamente, assim como as cores para dar uma sensação de pressa ou movimento. Pode-se também traçar semelhanças entre o vídeo e uma boate.

Ao rolar para baixo, os principais elementos do design ficam mais visíveis. A fonte é negrito san's serif. Maior do que normalmente esperado. Vem acompanhado de gifs de memes (nosso favorito é o do mestre da comédia francesa — Louis de Funes) e de suas obras. Tudo neste site é grande, de texto a imagens, botões e tudo está dentro de uma grade de caixa.

Há um texto corrido separando as seções com letras bem grandes (em preto) o que traz lembranças do texto corrido em canais de notícias que transmitem urgência e importância. Há movimento constante no site e não há um momento de tédio ao visitá-lo.

Design & Desenvolvimento: Grupo Graphic

Tema: Olá

Plugins: Jet plugins da Crocoblock (mecanismo, filtros inteligentes, elementos), cache LiteSpeed, Yoast SEO, Permalinks Manager Pro