Sites Elementor de fevereiro de 2022
Publicados: 2022-03-17A segunda vitrine deste ano é uma prova da diversidade do que os criadores da Web podem esperar, pois cada cliente chega com necessidades exclusivas. Os sites deste mês incluem NFTs inspirados em contos de fadas, uma empresa de gerenciamento de cadeia de suprimentos de ponta, uma variedade de agências e estúdios criativos da web, uma escola de inglês, um grafiteiro, um fabricante de algodão encerado e um orgulhoso teatro comunitário.
Faça anotações sobre as melhores práticas para efeitos de mouse, foco e rolagem; estude como as combinações de cores podem ser usadas perfeitamente em textos e planos de fundo; entender como as micro animações dão vida a um site; veja como tamanhos de texto e estilos de layout afetam a atmosfera de um serviço; e experimente como uma cópia inteligente dá vida a qualquer parte do conteúdo do site.
Confira uma vitrine fabulosa de fevereiro que celebra a originalidade!
Obtenha o Elementor Pro
10
Aldam Street Art
por Giuseppe Cangiano
Inspirado pela cultura hip-hop, Aldam fundou uma crew, consolidando o desejo de se dedicar a um caminho artístico-musical. Armado com latas de spray, microfone, palavras e pinturas, ele converte sentimentos como raiva, frustração e tristeza em obras de arte criativas.
Um site que permite que você brinque com tinta spray colorida enquanto passa o mouse? O que mais seria mais apropriado para um site de grafiteiro! Fluxos animados de tinta spray também podem ser vistos saindo da lata periodicamente. Aldam Street Art é um site divertido e interativo que cria uma vibração jovem e animada com um toque dinâmico.
O menu de botões usa ícones que correspondem ao kit de ferramentas dos grafiteiros com as mesmas quatro cores usadas para destacar cada categoria utilizada no site. Há também um bom efeito adesivo na página de rabiscos, onde cada rabisco se empilha perfeitamente abaixo dos mais novos.
Há um uso inteligente da assimetria ao exibir a segunda seção da página de pintura. Os efeitos de foco são usados em cada uma das pinturas principais que se abrem em um pop-up específico. Há também um slide que se move diagonalmente pela página.
O trabalho de Aldam recebe um site adequado que captura a essência da arte urbana e da cultura de rua underground.
Design & Desenvolvimento : Giuseppe Cangiano
Tema : Olá
Plugins : Elementor Pro, dynamic.ooo
Ver site ao vivo
09
Percy & York
por Percy & York
A Percy & York é uma agência de publicidade, criação e digital que se orgulha de ser uma pensadora inovadora. Eles se tornam pessoais quando se trata de temas como comunicação, campanhas, design corporativo e marcas, porque sua paixão é encontrar o melhor conceito para seus clientes, sempre.
O esquema de cores do site talvez seja inspirado nas raízes alemãs da agência, emprestando preto, vermelho e amarelo junto com um toque de azul, tudo com um pequeno toque. A tonalidade de cor contemporânea é utilizada igualmente em textos e fundos de tamanho grande. Assim como o uso de rolagem horizontal, que mostra muito bem seu melhor trabalho.
A barra lateral apresenta um menu de hambúrguer (curiosamente em forma de hambúrguer) e inclui um link para o podcast Spotify da agência, algo raramente visto. Também é perceptível que há alguma edição de fotos usando esquemas de cores em diferentes funcionários, incluindo a cadela da empresa, Matilda.
O texto também cruza as cores de fundo, mas não afeta a experiência de leitura. Isso se deve à cuidadosa combinação de cores que funciona e combina bem com cada uma das cores do tema. Há também um bom emparelhamento de fontes de letras maiúsculas grandes para títulos definidos sobre letras minúsculas menores para descrições.
Assim como a delícia de cuco no rodapé da página inicial, a Percy & York fará com que clientes em potencial digam: “Gostamos disso” antes de entrar em contato.
Design e Desenvolvimento : Percy & York
Tema : Olá
Plugins : Elementor Pro, Borlabs Cookie – Cookie Opt-in, trechos de código, complementos essenciais para Elementor – Pro, Instagram Feed Pro Developer, MailPoet 3 Premium (novo), OoohBoi Steroids for Elementor, WP Rocket, Rank Math SEO Pro
Ver site ao vivo
08
Halley Stevenson
por Liam Bonar
A Halley Stevensons é a fabricante e inovadora líder mundial em algodão encerado e tecidos à prova de intempéries. Como empresa independente com mais de 150 anos de experiência, a organização acumulou conhecimento técnico e experiência de fabricação únicos.
O legado da empresa está entrelaçado na estrutura do site com trechos do passado, presente e futuro visíveis na página inicial. Mesmo ao usar um layout de largura total, o site ainda parece elegante devido a seus planos de fundo em tons pastéis claros.
As imagens desenhadas à mão dão a aparência da oficina de um designer de moda sofisticado, assim como seu estilo convencional, limpo e prático. O esquema de cores monocromático também permite que os padrões falem, pois o design não desvia a atenção do conteúdo.
O mega menu usa habilmente o material de algodão encerado com gotas no topo que mostram seu ponto de venda à prova de intempéries. Esta é uma boa maneira de destacar a singularidade do produto.
Com produtos exportados para todo o mundo e exibidos a cada temporada em Londres, Paris, Nova York, Munique e Milão, a Halley Stevensons permite que seus produtos de classe mundial façam todo o trabalho pesado usando uma interface simples para complementá-los.
Design e Desenvolvimento : Liam Bonar – lbd.studio
Tema : Olá
Plugins : Elementor Pro, Yoast, WP Rocket, Autoptimize, ACF, Imagify
Ver site ao vivo
07
Um Teatro Griano
por Tommy Callaghan / Manna Design
O An Grianan Theatre é distinto entre os locais regionais por seu sucesso como produtor de teatro celebrando ativamente sua rica herança cultural irlandesa. Ele encenou muitas produções em grande escala ao longo dos anos. Seus parceiros criativos até o momento incluem Yew Tree Theatre Company, Cork Opera House, Pavilion Theatre, Civic Theatre e The Lyric, Belfast.
Comemorando eventos artísticos e de entretenimento locais, nacionais e internacionais, o teatro também se orgulha de apoiar artistas locais que são apresentados em todo o site. Um site que foi reconstruído usando Elementor, minimalista, fácil de ver, fácil de navegar e que lembra uma revista ou blog cultural.
O design plano e minimalista em preto e branco garante que a atenção esteja exclusivamente nas últimas notícias e conteúdos que adicionam cor e vitalidade à página. Usando uma tipografia fina semelhante a um jornal, a abordagem de informações pesadas do site torna-o mais fácil de digerir e talvez seja voltado para o público mais velho, que pode ser menos inclinado tecnologicamente.
Este é um site que atende ao público da comunidade local, mantendo os elementos sob controle sem exagerar. Orgulhosamente exibindo seu amplo apoio de instituições famosas em seu rodapé, o teatro é um ponto focal artístico e cultural para sua comunidade.
An Grianan Theatre é um site emblemático para um local emblemático no Noroeste da Irlanda.
Design e Desenvolvimento : Tommy Callaghan
Tema : Astro
Plugins : Elementor Pro, Advanced Custom Fields, JetEngine, JetSmartFilters, WooCommerce, WP Rocket
Ver site ao vivo
06
Estúdio Grit
por Chris Forsyth
Grit reúne um grupo de especialistas criativos; redatores, ilustradores, produtores de vídeo, animadores, fotógrafos e especialistas digitais que trabalham em estreita colaboração com os clientes para oferecer soluções criativas significativas e impactantes.
Utilizando uma cor verde Rangoon incomum para seu plano de fundo e fontes exclusivas, o site apresenta bolsos de animações de rolagem e animações de foco que mantêm a atenção dos espectadores ativa. O fundo escuro também dá ao site uma aparência de alta qualidade, com um bom emparelhamento serif e sans serif, garantindo que a cópia tenha uma boa hierarquia.
O uso de efeitos de rolagem dá a sensação de que o espectador está sendo levado em uma viagem semelhante a uma exposição, com cada projeto funcionando como uma vitrine e não seguindo um desenho simétrico típico. As próprias páginas clicáveis do projeto são detalhadamente detalhadas. De fato, o site menciona de maneira interessante seu último grande projeto, Momentum Podiatry, dentro do próprio herói.
A abordagem minimalista permite que os projetos falem por si mesmos, com projetos maiores recebendo mais imóveis do que os menores. Os visitantes também podem visualizar todo o portfólio do estúdio em sua página de índice, transformando seu portfólio completo em uma página independente.
Embora o Grit possa se considerar um pequeno estúdio, seu site destaca grandes recursos.
Design e Desenvolvimento : Chris Forsyth
Tema : Olá
Plugins : Elementor Pro, trechos de código, extras para Elementor, UI de tipo de postagem personalizada, complementos Piotnet para Elementor Pro, ordenação simples de páginas, SVGator, Yoast SEO
Ver site ao vivo
05
Estúdio DoublePoint
por Nicolas Meyer
O Studio DoublePoint trabalha com clientes de todas as esferas da vida para usuários em todo o mundo. Seja otimizando sites atuais ou criando um novo site, seus serviços da web permitem que os clientes aumentem seu público e obtenham melhores taxas de engajamento com os clientes.
Usando cores fortes, efeitos de rolagem e GIFs, o estúdio mostra seus projetos de forma divertida. O uso sutil de efeitos de zoom com imagens crescendo à medida que rolamos para baixo é uma boa maneira de chamar a atenção para as histórias de sucesso do estúdio. Há também uma bela fonte Sans Serif suave que ajuda a acentuar a aparência contemporânea do site.
A cor de fundo muda de bege para laranja à medida que você rola para baixo, assim que a atenção é atraída para o emblema giratório. Laranja é uma cor recorrente para destacar áreas-chave. Há também um bom efeito de foco no CTA de contato rotativo, bem como nas opções de contato por e-mail e telefone. As cores das páginas do projeto também são emprestadas dos próprios projetos.
O menu usa um estilo de fonte moderno e agradável com texto de contorno oco quando passa o mouse, enquanto a página do estúdio usa as imagens faciais dos designers gráficos e de interface do usuário que mudam com base no texto que o acompanha. Isso mostra um pouco de sua personalidade também, tornando o site mais identificável.
O Studio DoublePoint cria identidades exclusivas para projetos e os faz viver e crescer na web.
Design & Desenvolvimento : Nicolas Meyer
Tema : Olá
Plugins : Elementor Pro, JetEngine, Complementos Premium, WP Rocket
Ver site ao vivo
04
lógico
por Haim Benisty
A Logico fornece consultoria de negócios baseada em inteligência de negócios. Eles combinam dados confiáveis e abrangentes com as ferramentas de otimização mais avançadas do mundo e permitem que especialistas internacionais acompanhem o processo de inscrição.
Construído por Haim Benisty, cujo site de portfólio foi apresentado na vitrine do mês passado, o site de alta tecnologia da Logico define o tom usando um vídeo de fundo de alta qualidade, atraindo visitantes e destacando sua tecnologia de ponta. O uso da cor azul também transmite uma mensagem de avanço técnico e tecnológico e é popularmente usado por startups.
O uso de efeitos de rolagem nos leva para dentro do centro de distribuição e dos escritórios, destacando várias companhias de navegação internacionais que a organização utiliza. Cada sala aparece como um modelo 3D e destaca seus serviços de gerenciamento da cadeia de suprimentos, destacando sua excelência operacional.
Robôs são vistos transportando objetos enquanto o vídeo mostra como a organização funciona com as ferramentas de otimização mais avançadas. O uso de scrollytelling é lindamente aplicado e dá à página um efeito de filme quase animado. Cada uma das páginas abre com um efeito de limpeza convidando o espectador a entrar, enquanto o “g” de “Logico” atua como um efeito de transição consistente.
A Logico é uma empresa com um espírito jovem e enérgico que traz uma abordagem refrescante no campo da consultoria operacional e seu site de classe mundial mostra efetivamente seus pontos fortes.
Design & Desenvolvimento : Haim Benisty
Tema : Olá
Plug- ins : Elementor Pro
Ver site ao vivo
03
conversa de giz
por Addictive Design Creative Studio
ChalkTalk é uma joint venture de dois colegas de longa data que foram inspirados por muitos anos de experiência e sucesso trabalhando com alunos. A dupla teve a ideia de criar um ambiente onde os alunos não apenas aprendessem o idioma, mas também trocassem suas ideias sem medo e pressão, e enriquecessem seus conhecimentos sobre outras pessoas e culturas.
O site usa quatro cores de forma inteligente em cada uma de suas páginas. Com o Global Styling, isso pode ser atualizado e alterado sem problemas. Usando combinações de Porcelain, Naples Yellow, Faded Green, Eminence (Magenta), cada seção do plano de fundo do site muda conforme você rola.
Da mesma forma, os efeitos de foco são usados para chamar a atenção, utilizando cores e animação. Existem passagens contínuas de seção para seção com transições sutis, rabiscos, bem como aspas que são usadas como motivo. Emojis também podem ser vistos, o que indicaria o público-alvo mais jovem do site.
Olhando de perto, é evidente que as ilustrações estão ligadas ao texto com textos mais pessoais usados para envolver o público. O menu também se assemelha a um quadro-negro antigo que abre com uma microanimação.
A ChalkTalk se vê como uma escola de inglês ligeiramente diferente e, com um site que quebra as convenções, a escola definitivamente se destaca como uma classe à parte.
Design e Desenvolvimento : Marko e Marija Djurdjevic
Tema : OceanWP
Plugins : Elementor Pro, Ocean Extra, Quiz And Survey Master, MouseWheel Smooth Scroll
Ver site ao vivo
02
Olhos
por General Condition & Milkink Creative Studio
Eyepples são uma coleção de centenas de colecionáveis NFT exclusivos inspirados no mundo da fantasia, contos de fadas, estética mais sombria, arte clássica e fotografia. É um projeto mágico único construído em torno da blockchain Ethereum, onde arte digital, fotografia e ilustração se fundem quase como uma poção alquimista.
Você pode reconhecer as impressões digitais exclusivas de General Condition, nosso vencedor do Showcase de fim de ano de 2021, neste design de site inspirado em contos de fadas. As maçãs da fábula se assemelham àquelas frequentemente vistas na representação de Branca de Neve e evocam sentimentos de nostalgia infantil, assim como o alinhamento central do texto que se parece com um livro de histórias.
Existe um uso muito eficaz de copy para vender o produto. Com sentimentos de magia e contos de fadas, frases espirituosas e um toque de marketing, o design e a cópia se misturam lindamente para reunir um mundo único que parece algo saído de um filme da Disney.
Maçãs (ou deveríamos dizer Eyepples) são predominantes em todo o site, desde o uso de efeitos de foco no herói até o rodapé. Embora nem todos os elementos do site estejam ativos, como a loja, Eyepples Apples faz o suficiente para criar grande entusiasmo e expectativa devido às ilustrações e narrativas de alta qualidade.
Tudo o que resta é escolher um Eyepple e simplesmente aproveitar a magia.
Design e Desenvolvimento : Jovan Lakic e Stefan Kokovic
Tema : Olá
Plugins : Elementor Pro, Jet Elements, JetEngine, Premium Addons Pro, The Plus Addons para Elementor Pro
Ver site ao vivo
01
Barril Marketing
por Barrel Marketing Ltda.
A Barrel Marketing é um estúdio de marketing, produção de vídeo e desenvolvimento web que ajuda as empresas a crescer contando histórias de forma autêntica e produzindo experiências únicas e criativas. Eles transformam grandes ideias em coisas bonitas que conectam marcas e clientes.
Na verdade, esta é a segunda vez que o site é apresentado em nossa vitrine após uma reformulação. A primeira vez foi em setembro de 2019. O site parecia muito diferente naquela época e o novo design também está à altura.
O uso de uma cópia contundente combinada com um lindo vídeo coberto por formas de máscara chama a atenção imediatamente. A aparência minimalista do site, destacada pelo uso de espaço em branco, confere uma vibração moderna. A página conheça a equipe também mostra que a empresa tem uma vibe divertida e uma personalidade calorosa e convidativa.
A composição de imagens reais combinadas com cores usa efetivamente o design do zine para dar ao site uma sensação divertida, identificável e amigável. Exibir seus clientes de renome também é uma ótima maneira de obter prova social, principalmente no alto da página, o que também agrega credibilidade.
Nas páginas dos projetos, existe um bom sistema de apresentação do desafio e da solução que ajuda os clientes em potencial a entender o processo do Barrel Marketing. As imagens de fundo e as cores também vêm dos próprios projetos, indicando o nível de detalhamento do site. Da mesma forma, a página de contato também cria uma ótima linguagem visual, como o gato alcançando o telefone.
A Barrel Marketing ajuda as empresas a crescer contando suas histórias com soluções criativas e estratégicas e com um site que é igualmente criativo, divertido e informativo, os clientes clicarão rapidamente em “enviar”.
Desenho: Daniel Fexa
Desenvolvimento : Shayne Plesa-Naden, Daniel Fexa e Sebastien Ringuette
Tema : Olá
Plugins : JetEngine, JetSmartFilters
Ver site ao vivo