Design de sites de comércio eletrônico: 10 exemplos interessantes
O design do comércio eletrônico é um dos tipos mais comuns - e às vezes mais esquecidos - de projeto. Pense na frequência com que você clica em "comprar agora" em um site.
Mas o que faz funcionar? De extrema importância no design do comércio eletrônico é a experiência do usuário e o fluxo de compras, mas mais e mais sites também estão começando a desenvolver esquemas de design impressionantes. Aqui, veremos dez sites de comércio eletrônico que funcionam bem e também são fantásticos.
Explorar recursos de design
Idem
A página de destino Ditto apresenta uma imagem gigante e rolagem de paralaxe para uma experiência única na Web. As páginas de compras são fáceis de encontrar e apresentam imagens limpas em um estilo minimalista que mostra seus produtos - óculos. Cada item é claramente visível e com preço. A capacidade de pesquisa funciona com facilidade e este site oferece um bônus adicional divertido: envie uma foto e experimente virtualmente os óculos.
Lição para designers: o design do comércio eletrônico pode apresentar efeitos modernos da interface do usuário, como rolagem de paralaxe ou outra tecnologia divertida de maneiras simples.
Neronote
À primeira vista, você percebe que o Neronote oferece um serviço ou produto premium, do esquema de cores ao toque clássico das imagens. O site também funciona com essa sensação premium, com navegação simples e facilidade de compra. Você pode selecionar de tudo, de tecido a cor, para ajustar-se ao usar o site para criar uma camisa italiana personalizada. Bônus adicional: todas as imagens apresentam texto suspenso que explica o item que você está vendo em detalhes.
Lição para designers: combine a aparência do seu site com a sensação do que você está vendendo. Um site que apresenta mercadorias premium deve ter uma aparência e apresentação de primeira qualidade.
Mesas de vidro Online
Como esta mesa ficaria na minha casa? Essa é a pergunta que qualquer consumidor faz quando olha para uma nova peça de mobiliário. O Glass Tables Online é capaz de responder a essa pergunta mostrando sua linha de tabelas em ambientes reais. Além disso, a interface é incrivelmente simples, apresentando um estilo de design plano e cores altas que fazem você querer clicar em "Adicionar ao carrinho".
Lição para designers: uma excelente fotografia combinada com um design simples é uma boa maneira de mostrar qualquer produto.
47 Marca
Você está na moda? Pendurado com a multidão legal? 47 A marca reproduz isso maravilhosamente com grandes imagens de rolagem que mostram o produto de maneiras que fazem você se sentir parte da "multidão". A landing page também faz um ótimo trabalho de integração das mídias sociais, outra peça que faz você se sentir parte da linha de produtos. A experiência de compra é igualmente divertida. Os itens são claramente apresentados em um layout no estilo de grade com efeitos de foco instantâneo que mostram informações e tamanhos disponíveis. Pedido com um clique sem sair da lista de produtos.
Lição para designers: a integração social pode ajudar os consumidores a se sentirem parte da marca, fazendo com que eles desejem comprar de uma determinada empresa ou site.
Minha Própria Bicicleta
Construa, compre. My Own Bike permite criar uma bicicleta personalizada e compartilhar o amor da marca com uma variedade de opções de roupas e acessórios. O processo de criação é simples, adicione um recurso e veja como ele é criado em uma bicicleta virtual. (Além disso, o preço muda automaticamente, para que você não se surpreenda mais tarde.) Este é um dos sites de criação personalizados mais fáceis de usar, e o design é simples e atraente.
Lição para designers: Um design simples emparelhado com ferramentas e opções fortes de interface do usuário é uma combinação poderosa.
Magro Gravatas
O design responsivo de comércio eletrônico é a nova prática recomendada. Quantos clientes em potencial são perdidos quando não conseguem acessar a funcionalidade de um site ou comprar diretamente de um dispositivo móvel? O Skinny Ties não é apenas fácil de olhar, ele funciona em uma variedade de dispositivos com um design no estilo de cartão que exibe belamente em qualquer tamanho. O estilo minimalista facilita a visualização de cada produto em tamanhos menores e os preços e estilos são identificados com clareza.
Lição para designers: o design responsivo está se tornando uma ferramenta vital para as vendas online.
Nuts.com
Nuts.com é divertido. Desde as opções de cores até as pequenas porcas "faladoras" em várias páginas, os usuários vão querer se envolver com o design, que combina vendas e histórias. Como bônus adicional, quase todas as palavras descritivas na página de destino são um link para esse produto. Além disso, o site oferece várias opções para adicionar ao carrinho, na pequena exibição de lista e como uma exibição expandida de mais informações para cada item, ideal para compradores que sabem o que estão procurando ou compradores que estão apenas navegando.
Lição para designers: ofereça várias oportunidades para cliques, especialmente cliques que podem levar a vendas.
Jenier mundo dos chás
Quando você pensa em chá, o que vem à sua mente? Costumo associar o chá a propriedades calmantes e calmantes. O site Jenier World of Teas combina essa idéia com o uso de cores - azuis - e imagens simples e felizes e tipografia. Isso funciona especialmente bem para essa linha de produtos, pois as imagens de chá não são um ponto de venda fácil. As opções de classificação são ótimas, permitindo que os compradores encontrem chás com base no sabor, efeito desejado ou tamanho da embalagem.
Lição para designers: Crie uma vibração e associação visual distintas sobre produtos que são mais difíceis de vender com imagens usando ferramentas de design, como cores, imagens e tipografia.
Roupas e Acessórios Inkefx
Todas as imagens no site da Inkefx incluem um link para comprar ou aprender mais sobre um produto. As imagens não são apenas super nítidas e limpas, os botões e o texto ao redor são criados em um estilo que cria contraste distinto, atraindo você para eles. Depois de clicar nas descrições, é agradável e fácil de entender. As informações de tamanho são especialmente agradáveis, observando o tamanho do item e o tamanho do modelo que o veste. Por exemplo: “A modelo está usando uma GRANDE. 6'0 '”/ 165 libras.”
Lição para designers: toda imagem é uma oportunidade para converter um usuário em um comprador. Texto forte e botões com "pop" podem chamar a atenção de um produto para a chamada à ação desejada.
Casa branca | Mercado negro
"Como visto na TV." "Como visto na revista Glamour." Usar essas roupas fará com que você fique na moda. Varejista feminino Casa Branca | O Mercado Negro faz um trabalho excepcional em comunicar a popularidade de sua linha de roupas no site, exibindo itens que são apresentados em comerciais de televisão (que você pode assistir no site) ou em revistas, facilitando a compra das roupas que você viu em outro lugar e procurado.
A página de destino também possui uma interface divertida com efeitos interessantes de rolagem e pairar. Clique na galeria de itens e o estilo minimalista destaca perfeitamente os itens, mostra os preços e inclui várias opções de classificação.
Lição para designers: use as mesmas imagens e destaque menções e elogios para ajudar a vender itens.
Conclusão
O objetivo final do comércio eletrônico é o design é transformar um clique em uma venda. Ótima função e design é uma maneira de chegar lá.
De ferramentas sofisticadas de interface do usuário a imagens impossíveis de ignorar ou opções de cores e tipos ousadas, o design fantástico está rapidamente se tornando uma consideração nos sites de vendas, que podem ter se concentrado principalmente nas ferramentas de interface e interação no passado.
Um site pode parecer moderno e incentivar as vendas também. Em quais outros ótimos sites de comércio eletrônico você se deparou? Compartilhe-os nos comentários.
