Os 5 principais exemplos de sites de rolagem de paralaxe
Adicionar algum tipo de efeito de paralaxe quase se tornou uma norma para os desenvolvedores de temas do WordPress. A rolagem parallax é excepcionalmente popular. É por isso que decidimos reunir uma pequena lista dos melhores exemplos de sites de rolagem parallax. Dessa forma, você pode vê-lo em ação e decidir se é uma boa escolha para o seu site.
A rolagem de paralaxe, em suma, é aquele efeito que você vê com tanta frequência em sites que faz com que tudo pareça ter profundidade e que tudo na página esteja de alguma forma flutuando. Ele adiciona um belo toque dinâmico à página, entre outras coisas. Além disso, é uma poderosa ferramenta de narrativa e engajamento do usuário.
Se você está se perguntando como é a rolagem parallax em ação, confira a lista abaixo.
1 Os caras das startups
Essa empresa de web design especializada na criação de sites para startups e pequenas empresas dá um exemplo muito legal de como a rolagem parallax pode ser usada de forma despretensiosa, mas marcante. Também é um excelente exemplo de como usar a paralaxe para promover seu conteúdo. Percorrendo a página inicial deste site, você obtém todas as informações essenciais sobre o que é a empresa. E você faz isso enquanto desfruta de efeitos visualmente emocionantes de rolagem de paralaxe. Este site usa o notável tema Bridge, que vem com seções de paralaxe ilimitadas e imagem de título de paralaxe.
2 soluções inteligentes
Smart Soluciones é um excelente exemplo de como usar paralaxe em seu site com boa medida. O site em si não é espetacular, mas é definitivamente impressionante. Para uma empresa de TI especializada em web design, obter a medida certa de efeitos como paralaxe é crucial. Ao percorrer o site, feito com o excelente Eola, a impressão que se tem é a de bom gosto, medida, profissionalismo e modernidade. Isso é exatamente o que os clientes esperam de uma empresa de web design. Portanto, podemos dizer com segurança que eles fizeram um bom trabalho empregando paralaxe.
Myriad é uma linha de móveis de escritório do estúdio Boss Design do Reino Unido. Para apresentar a nova linha de móveis modulares que permitem grande flexibilidade, o estúdio decidiu fazer o melhor uso da paralaxe. À medida que os visitantes percorrem, diferentes peças de mobiliário se juntam, percorrendo a página e criando diferentes combinações. Este é um uso particularmente inteligente da rolagem parallax, pois está totalmente de acordo com o estilo e a finalidade do mobiliário que anuncia.
4 W.R.G. Alquimia
A agência italiana de branding digital está bem ciente de que, se você quiser marcar os outros, primeiro você deve se identificar perfeitamente. O site é um reflexo lúdico do nome alquímico da agência, e a rolagem de paralaxe é usada com uma forte alusão ao significado astronômico original da palavra. Ou seja, em astronomia, paralaxe significa um deslocamento aparente de um objeto, dependendo do ponto de vista do observador. O site Alquimia WRG apresenta um mapa antigo do céu como pano de fundo, vemos pequenas estrelas e vários elementos de conteúdo se movendo em diferentes velocidades à medida que rolamos.
5 Soluções Culturais
A organização internacional de pesquisa, planejamento e gerenciamento de eventos Cultural Solutions UK usa paralaxe para criar uma impressão sutil, mas marcante em seu site. O uso da rolagem parallax é bastante ortodoxo, mas eficiente – você tem círculos de cores diferentes, alguns dos quais se movem lentamente e outros em um ritmo um pouco mais rápido. Os visitantes obtêm uma sutil impressão 3D de profundidade, enquanto permanecem completamente focados no conteúdo e nos apelos à ação. Um efeito que deixa uma impressão suave, não cutuca você diretamente nos olhos e ainda faz você fazer o que ele quer que você faça – este é um dos melhores exemplos do uso de rolagem parallax que vimos em algum tempo.
Bônus: O Barco
Quando apareceu pela primeira vez em 2015, The Boat realmente abalou não apenas o mundo do web design, mas também o mundo literário. Este inovador site de romance gráfico de uma página conta uma história comovente sobre como escapar da Guerra do Vietnã em um barco. O site, ou deveríamos dizer – o romance online interativo, foi inovador em muitos aspectos. É preciso dizer que muito do valor deste romance vem de seu uso visionário de rolagem de paralaxe, bem como de sua intensa paisagem sonora.
Como dissemos anteriormente, e como você já notou, a rolagem de paralaxe está em toda parte. Ainda assim, nem sempre é bem feito. Trabalhamos duro para oferecer a você esta seleção de alguns dos melhores exemplos de paralaxe para que você veja como ela pode e deve ser. Dessa forma, você pode tomar uma decisão informada sobre se precisa dele em seu site e como pode usá-lo para aumentar o tráfego, envolver visitantes e, finalmente, aumentar as conversões.