Galeria

Lojas virtuais criativas

lojas virtuais ft img

Um e-commerce não precisa ser, necessariamente, “mais do mesmo”. Confira algumas ideias criativas para esse tipo de página

Catálogo de produtos, explicação de serviços, formulários e carrinhos de compra. É quase impossível não encontrar essa combinação em lojas virtuais e páginas de serviços pela web. Essa categoria acabou criando um certo padrão, que colocou a experiência de compra acima do design. Não que isso seja errado, afinal, o objetivo de um projeto precisa se cumprir para que seja bem sucedido. No caso de uma loja virtual ou página de serviços, a missão é vender e por isso a funcionalidade acabou ganhando destaque. Mesmo assim, engana-se quem pensa que esse tipo de site precisa ser sempre assim, “quadradinho”. É possível entregar algo que funciona, bonito e com uma experiência diferenciada. Veja cinco exemplos de páginas que encontramos por aí com algumas ideias que podem ser aproveitadas:

1. Mibox

A Mibox oferece planos de cestas básicas para empresas. O site mostra as opções de “caixas” em que os alimentos e produtos de limpeza saltam quando o usuário passa o mouse em um interessante efeito parallax. Ainda há bastante interatividade com o visitantes que pode navegar por um menu intuitivo e saber mais detalhes sobre cada item da cesta. Os preços das opções lado a lado ajudam o cliente a identificar qual a melhor escolha para a sua empresa com base na quantidade de funcionários. Para completar,  a página ainda oferece fotos dos produtos de cada caixa para que fique bem claro o que está incluso em cada cesta.

2. United Pixel Workers

A marca de roupas ao estilo street vem de  Pittsburgh (EUA).A loja usa uma paleta de cores personalizada que faz o catálogo de peças parecer uma colcha de retalhos colorida. Ao clicar em um produto a imagem se amplia com os detalhes. Os tamanhos das roupas e o estoque, são informações essenciais nesse caso e estão muito bem posicionados próximo ao botão “add to cart” em um formato interessante de gráfico de barras. As fotos em tamanho grandes permitem que se vejam mais detalhes do que em uma loja virtual de roupas qualquer. No menu, no topo da página dá para ver que a marca também mantém um blog, uma ótima forma de manter o engajamento com os clientes.

3. Coloud

A marca de fones de áudio foi muito além da personalização de produtos (que por si só já conta como diferencial). A página usa transições e efeitos para mostrar as cores disponíveis dos headphones e como usar as ferramentas de cores para montar o seu próprio fone. Para “enfeitar” o site também há algumas “esculturas” feitas exclusivamente de headphones coloridos em um efeito bastante interessante. Logo na página inicial o usuário pode acompanhar as funcionalidades do produtos em um vídeo explicativo. Imagens valem mais que palavras na hora de vender.

4. Thobeck

Em uma página única a marca alemã mostra a que veio sua mesa. O móvel desmontável é desmembrado assim que o usuário vai rolando a página. Tamanhos, diferenciais, detalhes técnicos, tudo vem acompanhado das imagens que mais parecem ter saído do manual de instruções de montagem. Por meio de um pequeno menu na parte superior esquerda da tela o usuário consegue conferir as cores disponíveis do produto. Não há um botão de compra e nenhum link aparente, o que vem como um ponto negativo. Mas o rodapé da página traz contatos mais que suficientes para quem quiser adquirir a mesa.

5. Putzengel

Não é preciso entender uma só palavra do site austríaco de serviços de limpeza. Os efeitos parallax muito bem colocados tem o poder de criar um efeito de sobreposição que dão movimento à página. Todo o design foi feito para criar uma atmosfera vintage, que guia o usuário através das explicações sobre os serviços da empresa e coloca alguns elementos interativos para causar mais engajamento. É interessante como um simples detalhe pode garantir um bom tom a um site, como chamar o usuário para recolher as bolhinhas de papel espalhadas aos pés da modelo e jogá-las na lata de lixo com um movimento de ‘drag-and-drop’.

Tem alguma sugestão de site que tenha encontrado por aí? Deixe sua indicação nos comentários!

• Acesse mais galerias:

7ª Campus Party Brasil: confira o que rolou

Sites que abusam de CSS3

Inspirações incríveis de sites em WordPress

 

 

 

Comente