Sites da Elementor de outubro de 2021

Publicados: 2021-11-12

Juntando-se a nós neste mês, estão uma consultoria do Vale do Silício, uma agência de publicidade holandesa, uma startup britânica de xícaras de café ecologicamente corretas, um site de portfólio exclusivo, um fabricante de bebidas de luxo de Down Under, uma academia de estética médica que deseja apresentar sua melhor face, um iniciativa especial de pesquisa universitária, um fabricante impecável de coberturas para piscinas, um museu de aventura com tema jurássico e duas agências de marketing na web insanamente diferentes.

Há um Lottie para estudar este mês com muitos efeitos de rolagem e movimento do mouse, formas de máscara claras, usos impecáveis ​​de misturas, lindos ativos de foto e vídeo , obras-primas textuais combinadas com direitos autorais magistrais, fontes e ícones personalizados, bem como minimalistas e ousados estilos de design e muito mais.

Pronto para embarcar em uma aventura no site?

10

Pode, pode

por algo familiar

O CanCan é um sistema de copos reutilizáveis ​​gratuito e de baixo consumo de energia, construído para eliminar os descartáveis ​​descartáveis. Seu aplicativo e produtos inteligentes permitem que eles sigam o ciclo de vida de um copo, rastreando com precisão o impacto positivo que estão causando no mundo. Tendo reinventado como as empresas reutilizam recipientes de alimentos e bebidas, por meio do compartilhamento de itens de baixo valor, eles ajudam as empresas de hospitalidade e varejo a reduzir o desperdício, sendo mais econômicas e convenientes.

A primeira coisa que chama a atenção da maioria das pessoas é o logotipo criativo da CanCan , seguido pela combinação de cores vivas do site, que dá uma vibe divertida.

Na verdade, as mesmas cores são usadas nas imagens visíveis, misturando o esquema de cores e a fotografia. Junto com suas ilustrações de linha, torna toda a experiência do usuário divertida e interessante.

Passar o mouse sobre o botão adesivo laranja ao lado da barra de rolagem muda sua cor. Clicar nele abre um formulário de inscrição. Da mesma forma, clicar no ícone de menu em forma de adição abre um conjunto de opções de menu dispostas em um fundo assimétrico de cor laranja.

Combinando manchetes com serifa e texto sem serifa, o site da empresa do Reino Unido é um ótimo exemplo de tipografia de práticas recomendadas, delineando claramente sua visão ambiental em seu esforço para gerar leads.

Branding & Design: Hello Agency & Something Familiar

Desenvolvimento: algo familiar

Tema: Olá

Plugins: Google Analytics local para WordPress, SG Cachepress, Yoast SEO

Ver site ao vivo

09

agência de publicidade 2kwadraat

por Khalid Karmoudi

A agência de publicidade 2kwadraat acredita que toda marca tem uma história que precisa ser ouvida, vista e sentida. Cavar fundo e buscar o direito de existir de seus clientes é sua missão. Com sede na Holanda, seu objetivo é fazer fãs das marcas de seus clientes contando suas histórias.

O slogan desta empresa holandesa é: “Ajudamos as marcas a avançar”. Isso é igualmente verdade em seu site, que usa motivos de setas coloridas simbolizando o progresso.

O uso de animações de Lottie pelo site, como o ícone de hambúrguer animado, é uma delícia para os olhos. Impossível de perder devido ao seu alto contraste preto no esquema de cores amarelo, isso implica que o usuário deve agir agora.

Fazendo uso de efeitos especiais de foco e efeitos de rastreamento do mouse, o menu é tudo menos estático. Da mesma forma, as animações de rolagem nas imagens dão a impressão de que a empresa está em constante evolução.

O que também fica evidente é o investimento na fotografia de retratos dos integrantes da equipe da empresa, que agrega um ar de profissionalismo e sofisticação por meio de sua cartela de cores em preto e branco.

O forte contraste das paletas de cores preto e amarelo destaca os menus e botões de navegação do fundo e evoca formalidade combinada com criatividade. Atuando como um funil de geração de leads e também como uma ferramenta de exposição da marca, o site atinge os dois pontos.

Design & Desenvolvimento: Khalid Karmoudi

Tema: Olá

Plugins: WP Smushit, Jet Elements, Jet Blocks Master, Jet Tricks

Ver site ao vivo

08

Grupo TruSource

por Marea Giles, Michael Waters e Studio 678

TruSource Group é uma empresa de consultoria de gerenciamento sênior com sede na Bay Area da Califórnia, atendendo a muitas organizações, desde a Fortune 100 até empresas com 100 funcionários. Eles são especializados em alavancar recursos e processos de clientes internos para fornecer resultados duradouros e são parceiros, colaboradores e comunicadores comprovados em todos os níveis dentro de uma organização.

Esta página apresenta muitos vídeos cinematográficos de alta definição incorporados em um design minimalista usando formas de máscara. Os vídeos contribuem fortemente para o fluxo da página, criando uma experiência de usuário fluida.

As pausas entre as seções são seções divididas suavemente com tipografia grande combinada com cópia e repleta de referências de segunda pessoa experientes em marketing, dando uma sensação pessoal. Ao deixar espaço em branco estrategicamente, ele permite que o usuário “respire” durante a rolagem.

Os esforços do designer são visíveis em todos os lugares, desde efeitos de movimento de rolagem até motivos de design de paralaxe e widgets Lottie. Com um foco claro na exposição da marca, a mensagem da empresa do Vale do Silício é lindamente capturada em uma fonte fina e delicada, servindo apenas para reforçar sua vibração tecnologicamente avançada.

Design: Hilary Zaid e Marea Giles

Desenvolvimento: Michael Waters / Studio 678

Tema: GeneratePress

Plugins: GP Premium, Preloader Plus, The Plus Addons para Elementor

Ver site ao vivo

07

WebAndMe

por Maria Wiedner

Maria Wiedner acredita que seu site deve falar por você. Seu site deve atrair os clientes desejados porque você merece um site que o faça torcer! Ela acredita que quem trabalha por conta própria pode mudar e conquistar muito com seus pequenos projetos. Então, ela ajuda mulheres autônomas a criar sites brilhantes.

Se você está procurando alguma inspiração pronta para uso, o site minimalista deste web designer voltado para mulheres que trabalham por conta própria é um para adicionar à sua lista.

O site conhece seu público, evidenciado pela cópia empoderadora que cria entusiasmo e confiança no designer. Usando sua própria colagem de fotos, ilustrações e outros elementos de zine, Maria mostra sua centelha criativa em todo o site, às vezes utilizando widgets Lottie e, outras vezes, usando rolagem e efeitos de movimento do mouse. Ela apresenta imagens de si mesma em vários cenários, como rabiscar, bem como despretensiosamente em pé de frente para a câmera.

A falta de uma grade dá uma sensação de caos ordenado que fala aos empresários que procuram um toque artístico de originalidade. Da mesma forma, o texto amarelo sobre um fundo cinza combina sentimentos de sofisticação com inovação para ressoar com as mulheres que trabalham por conta própria.

Construído para geração de leads, exposição de marca e blogs, o site de Maria é um bom exemplo de como compartilhar sua mensagem enquanto apresenta seu portfólio.

Design & Desenvolvimento: Maria Wiedner

Tema: Olá

Plugins: Complementos Premium para Elementor

Ver site ao vivo

06

Academia de Estética Skild

por Apaixonados

Skild é uma academia de aprendizagem e treinamento para profissionais de saúde que trabalham em estética médica. A empresa foi fundada para elevar os padrões de educação e prática clínica trabalhando com os principais especialistas em medicina estética. Reconhecendo as limitações do treinamento de um dia, Skild tem uma academia de treinamento que combina perfeitamente teoria, prática e comunidade para aprendizado contínuo.

Para enfatizar a área de atuação da empresa, o site adota um design moderno e minimalista. Isso coloca a experiência do usuário em primeiro lugar, permitindo facilidade de navegação e reserva de cursos.

Figuras geométricas animadas e widgets Lottie acentuam os detalhes mais importantes chamando a atenção dos usuários enquanto eles rolam. Modos de mesclagem sutis em um fundo de espaço em branco generoso dão ao site uma sensação de alta qualidade. Aliás, o uso de formas geométricas especiais é destaque em todas as páginas do site, assim como no logotipo. O uso de gradientes também está muito na moda e coloca este site em primeiro plano.

Os formulários de agendamento do site usam o plug-in de agendamento do WooCommerce, que permite à empresa criar um modelo de produto personalizado no front-end, mantendo uma interface familiar no back-end, permitindo que os médicos gerenciem seus cursos sem problemas.

O uso de cores de fonte brilhantes contra um fundo branco permite que a mensagem seja lida com clareza. Aparentemente, o site usa uma única fonte sem serifa em todos os seus sites para manchetes e textos menores. Na verdade, a linguagem do design é muito estreita e uniforme, dando-lhe um senso de autoridade ao mesmo tempo em que projeta o profissionalismo da empresa por trás do site.

Destinado a profissionais de saúde que desejam se tornar especialistas em medicina estética, a interface moderna e limpa do site foi criada para aumentar essa rede profissional de nicho, bem como para reservar cursos de treinamento.

Design & Desenvolvimento: Agência Digital Apaixonada

Tema: Astro

Plugins: Jet Engine, WooCommerce, WooCommerce Bookings.

Ver site ao vivo

05

deck aquático

por Grupo Pollet

A Aquadeck produz coberturas de piscina de ripas de alta qualidade com cuidado e habilidade. Impulsionados por conhecimento intensivo e anos de experiência, seus engenheiros procuram os melhores e mais atraentes materiais, desenvolvem os designs mais inteligentes e usam os componentes mais seguros. A inovação nunca para para eles, pois acreditam que os produtos sempre podem ser ainda melhores, mais inteligentes ou mais atraentes.

Sediada em Budel, na Holanda, o lema da empresa é “Perto... da perfeição”, o que é claramente evidente em sua seção de heróis. De fato, há claramente grandes recursos investidos em fotografia e videografia, dada a alta qualidade dos visuais exibidos.

Este é um bom exemplo de design que ajuda a transformar um tópico insípido, embora de nicho, em um site interessante e visualmente atraente. O design eleva toda a experiência usando visuais espetaculares, juntamente com layouts e fontes modernas e contemporâneas.

Há uma clara intenção de que a cor do site venha de suas fotos, vídeos e ilustrações animadas. O fundo é predominantemente preto e branco, com delicados toques de bege, que fixam o foco na qualidade do produto.

Rompendo com as convenções modernas, o site usa fontes sem serifa em todo o site, com títulos em negrito e tamanho maior.

A visita à secção de coberturas de piscina permite ao utilizador arrastar as setas para a esquerda ou para a direita e ver em tempo real as piscinas abertas ou fechadas, parcial ou totalmente. As caixas de atributos clicáveis ​​também oferecem informações detalhadas sobre os produtos.

Desenhos de linha de um mapa-múndi podem ser vistos em várias páginas, como a página de contato, mantendo as coisas em movimento, por assim dizer. Efeitos de movimento de rolagem inteligentes em todos os lugares adicionam alguma ação à serenidade tranquila das imagens.

Um site que é bem feito e executado perfeitamente. Este é outro excelente exemplo de como um bom design pode afetar a percepção de um produto e da empresa por trás dele. Este é um site que se encaixa em seu produto como “mais próximo da perfeição”.

Design & Desenvolvimento: Pollet Group

Tema: Olá

Plugins: Happy Elementor Addons Pro, Jet Elements, Jet Engine, WP Rocket

Ver site ao vivo

04

Pesquisa BAU

por Adria Paz

A BAU é uma universidade de design localizada em Barcelona e afiliada à Universitat de Vic – Universitat Central de Catalunya, que oferece estudos oficiais em design no Espaço Europeu de Ensino Superior. A BAU Research nasceu da convicção de que a pesquisa é uma prática inventiva que pode ser desenvolvida com criatividade e rigor. Compartilham práticas e ideias com a vontade de produzir novos significados, novos imaginários, mercados mais justos e vidas mais sustentáveis.

Azul é a cor da competência, e que melhor uso para a cor do que para a seção de heróis de um departamento de pesquisa. A rolagem explica sua mensagem exclusiva em um texto fino sem serifa.

A seção do herói inclui uma combinação de diferentes efeitos - rolagem, rastreamento do mouse e widgets fixos e cópia inteligente, particularmente com o texto tachado “eliminando” o pensamento convencional.

O site emprega um layout moderno e minimalista e tipografia grande. Ele utiliza um menu flutuante de maneira incomum - rolar para baixo faz com que o menu desapareça e deixa a página completamente limpa, enquanto rolar para cima faz com que reapareça imediatamente.

Uma série de modos de mesclagem é usada à medida que muda para sua mensagem principal de moda inclusiva. Um fundo de vídeo é logo visto antes de mudar novamente para uma fotografia de alta definição.

Clicar no menu hambúrguer pinta toda a tela de azul para que o texto branco sobreposto fique claramente visível. Mais uma vez, o uso do azul cria uma sensação de confiança, paz e lealdade.

O site de pesquisa da universidade catalã exibe de maneira bastante inteligente uma assinatura de boletim informativo por e-mail em seus rodapés, maximizando seu espaço para facilitar a coleta de leads antes que os visitantes dêem um “adeu”.

Design & Desenvolvimento : Adria Paz

Tema : Olá

Plugins: Sticky Header Effects for Elementor, ele Custom Skin Pro, WP Smushit, Complianz gdpr, WP Data Access, WP Menu Icons, Sitepress multilingue cms, Yoast SEO, W3 Total Cache

Ver site ao vivo

03

Bickford e filhos

por Frame Creative e Sid Puri

Bickford and Sons pretende criar uma conexão confiável e emocional com seu público. Eles decidiram conquistar seu lugar como uma marca clássica moderna, alavancando a história por meio de sua história de marca de 140 anos e projetando autenticidade por meio de uma apresentação de marca renovada em 2021. Eles conseguem isso combinando ingredientes naturais, um legado de métodos artesanais e receitas para oferecer sabores autênticos e excepcionais - todos criados com o espírito de seus clientes em mente.

Seguindo seu design atualizado este ano, o fabricante de bebidas da Austrália do Sul foi all-in em seu novo site. Desde o início, somos apresentados a suas latas icônicas fluindo de um lado para o outro em sua seção de heróis como um lindo vídeo em loop de alta definição.

O resultado é um fundo colorido calmo com bolsos de cores vibrantes das latas icônicas da marca que agradam aos olhos. Divisores de forma exibem de forma limpa os produtos da empresa, enquanto seu design minimalista evoca uma vibração chique muito luxuosa. Há um bom uso de efeitos de rolagem transparentes.

O uso de uma série de vários fundos coloridos que combinam com cada produto respectivo e a combinação adicional de imagens sobrepostas cria a impressão de que você pode simplesmente estender a mão e pegar uma bebida.

O uso do site de tipografia maiúscula em negrito grande dá a ele uma aparência moderna. Esta é uma marca que conhece seu público jovem e fala diretamente com eles, criando empolgação visual em torno de seu produto.

Design: Moldura Criativa

Desenvolvimento : Sid Puri

Tema : Astro

Plugins : localizador de lojas

Ver site ao vivo

02

Dinosauria Museum Praga

por Robin Stenczel e Amazual Media

Dinosauria Museum Praga é um mundo único que divide ideias sobre um museu. Eles permitem que os visitantes experimentem uma aventura sem precedentes diante dos dinossauros dentro de um mundo interativo moderno. Os visitantes descobrirão a maior coleção particular de esqueletos de dinossauros autênticos, modelos tão realistas que causarão arrepios na espinha, com a mais recente tecnologia para entretenimento e educação.

A própria seção do herói é suficiente para inspirar os visitantes do site a se tornarem visitantes da vida real. Usando uma série de efeitos de movimento, fontes personalizadas e ícones coloridos, os visitantes têm a experiência de viajar no tempo até a era dos dinossauros.

O site abre com um vídeo espetacular que apresenta aos visitantes o mundo dos dinossauros e cria uma sensação de profundidade, como se estivesse descascando camada após camada. Os círculos do vídeo também estão visíveis na página do site e simulam algo de outro e espetacular mundo perdido no tempo.

Usando belas imagens de dinossauros de alta qualidade, uma combinação de efeitos de rolagem em elementos de design, figuras e vegetação cria uma experiência totalmente interativa. A janela fixa também revela camada após camada da história do museu e as diversas atividades disponíveis.

A tela preta cria uma atmosfera misteriosa, enquanto as cores neon se destacam. Na verdade, várias páginas usam vídeos escuros de alta definição, imagens de carrossel com zoom e formas de máscara que se juntam para criar uma mística sutil.

O site usa ícones personalizados que destacam cada um de seus principais atributos. Ele também usa um esqueleto de cor branca para seu texto, juntamente com botões e contornos verdes florestais que, respectivamente, prestam homenagem sutil aos fósseis do presente e às criaturas vivas do passado.

As animações de foco e os ícones de sobreposição, bem como os widgets Lottie, também podem ser vistos em várias partes do site. Na verdade, há muita coisa acontecendo, mas nunca parece opressor. Em vez disso, cria entusiasmo e antecipação – exatamente o que você gostaria que os visitantes do museu sentissem.

A República Tcheca é conhecida por suas inúmeras atrações, e agora o Dinosauria Museum Prague colocou mais um ponto de acesso nas famosas ruas de seixos do ilustre mapa de Praga.

Desenho: Robin Stenczel

Desenvolvimento : Amazual Media

Tema : Olá

Plugins : HappyAddons, A estrutura de SEO, Polylang

Ver site ao vivo

01

morango digital

por Shyam Singh

A Digital Strawberry fornece serviços de marketing digital de ponta a ponta. Desde o desenvolvimento de sites que correspondem à visão de negócios dos clientes até o design gráfico de criativos interativos que ajudarão a se conectar com o público de seus clientes, a Digital Strawberry faz tudo!

“PRESS START” é como os visitantes são recebidos em um texto estilo pixel retrô em cores neon que evoca sentimentos de nostalgia. A seção de heróis de papel quadriculado com telas de computador de mesa antigas em movimento, bem como animações animadas, ilustrações e quadros de avisos certamente chamarão sua atenção e o levarão de volta à era clássica dos jogos para PC.

O site também combina habilmente serif com sans-serif — uma exibição de fonte para títulos clássicos e uma fonte moderna para o corpo do texto. Também existem componentes incluídos em quadros que simulam um navegador ou reprodutor de vídeo.

A empresa mostra seus principais benefícios girando uma palavra em uma frase estática. É um bom uso da rotação de texto em vermelho. De forma pouco convencional, o menu é colocado na base da seção do herói, tornando impossível ignorá-lo.

Rolando para baixo, somos recebidos com várias figuras e ícones pixelados da cultura pop, de Pokémon a Hello Kitty. O papel quadriculado atua como a tela com misturas de azul, branco, amarelo e roxo dividindo cada seção. Este é um exemplo fantástico de um site que emprega efeitos de rolagem e movimento do mouse para criar uma aparência repleta de ação. Além disso, as letras grandes e os motivos de design em cores vivas acrescentam vivacidade e personalidade genuína.

O site usa linguagem de design identificável, gifs excepcionalmente criativos, ilustrações divertidas e animações que nunca vimos antes. Grandes exemplos disso são o pop-up e o menu do site. O carregamento de corações de Legend of Zelda é uma boa mensagem para os jogadores, assim como o vídeo do gato para os fãs da cultura pop da Internet. Até mesmo a animação do flip phone na página de contato é um toque legal.

O uso de imagens de plano de fundo, sobreposições e imagens, juntamente com fontes personalizadas, significa que os criadores realmente não deixaram nenhum pixel sobre pedra aqui. As cores do site transmitem diversão, experiência e até uma sensação de otimismo. Este site icônico dará a você uma sensação de morango digital para sempre!

Design e Desenvolvimento : Shyam Singh

Tema : Olá

Plugins : Motor a jato, carregador Maz, Rank Math.

Ver site ao vivo

Acha que seu site Elementor deve ser apresentado em nossa próxima vitrine? Envie seus dados!

Adicionar meu site