Sites de comércio eletrônico estão surgindo ao nosso redor. Todos eles são bem sucedidos? Não. A maioria falha. Mas por que? Um dos motivos mais comuns é que eles não colocam as necessidades do usuário antes das ideias do negócio.
bom experiência do usuário é uma das principais características de qualquer loja de comércio eletrônico de sucesso, e sem cuidar desse aspecto, você está em uma batalha difícil para impulsionar as vendas. E como você fornece uma ótima experiência ao usuário? Ao aperfeiçoar seu ecommerce site do Network Development Group design.
Abaixo você encontrará meu favorito sites de comércio eletrônico de 2021, compilado de todo o nosso site de comércio eletrônico base de dados.
Mas antes disso, aqui estão os nossos melhores classificados construtores de sites de comércio eletrônico que a maioria dessas lojas abaixo está usando para fornecer UX e UI de alta qualidade:
Esses sites devem dar uma idéia do que elementos você deve se concentrar e algumas dicas sobre como você pode fornecer uma rica experiência ao usuário por meio de recursos adicionais do site e bons temas.
Índice analítico
- Melhores designs de sites de comércio eletrônico para 2020
- Criando o site de comércio eletrônico perfeito
- Encontrar inspiração para Web design de comércio eletrônico
- Melhores criadores de sites de comércio eletrônico
- Melhores designs de sites de comércio eletrônico: considerações finais
Abaixo de cada site, listamos um único ponto-chave de cada site que você pode implementar em sua loja hoje.
Melhores designs de sites de comércio eletrônico no 2020: inspiração
1. O peitoril:
Com cores atraentes, este site oferece um sentimento muito limpo, simples e alegre. O peitoril acredita que as fábricas deixam as pessoas felizes e a loja on-line também. Todo o site é fresco e refrescante e tem uma vibração bela natureza.
O menu de cabeçalho é muito inteligente e é um dos meus recursos favoritos nesta lista. A diferença entre 'The' e 'Sill' é feita para espelhar o nome da empresa. Conforme você rola para baixo para ver os produtos, as palavras se juntam e as outras opções se movem para a direita.
Takeaway chave: mega menu interativo
Website de comércio eletrônico construído usando: Shopify
2. PowerOnPowerOff:
PowerOnPowerOffA página principal concentra-se no porquê e nos benefícios do produto, em vez de saltar diretamente para a última promoção ou venda. O que é interessante com o site PowerOnPowerOff é que eles usam rolagem longa. Essa técnica é usada para não fatigar o usuário ao percorrer sua página inicial. Novas informações são preenchidas e parecem interativas quando o usuário desce a página, resultando em um belo site de comércio eletrônico design.
Aprendizagem importante: a longa rolagem pode reduzir a fadiga do usuário
Website de comércio eletrônico construído usando: Shopify
3. Rebecca Atwood:
Rebecca Atwood é um designer têxtil baseado no Brooklyn com uma experiência brilhante de comércio eletrônico. O produto final é uma loja online sob medida que parece tão bonita no celular quanto na área de trabalho. O design mostra os produtos em uso que criam uma imagem de aspiração na cabeça do usuário, pois eles podem ver o produto em ação.
O que o site faz bem é que eles oferecem um clique para comprar a opção, semelhante ao que você vê em Instagram onde você pode ser transportado instantaneamente para a página do produto.
Principais informações: Clique para comprar
Website de comércio eletrônico construído usando: Shopify
4. Amoreira:
Amoreira é uma empresa ousada com um impressionante site de comércio eletrônico desenhar. Você vê grandes fotos coloridas e menos palavras com esse tipo de design do site. Se você deseja criar uma loja on-line de moda sofisticada, a Mulberry é o lugar perfeito para se inspirar.
O zoom da Mulberry para pairar a técnica em imagens solicita que o usuário clique no item e também destaca a qualidade de alta resolução das imagens. Se você estiver familiarizado com CSS ou quiser passar isso para o seu web designer, aqui está um guia prático simples.
Promoção principal: ampliar o foco
Website de comércio eletrônico construído usando: Amplitude
5. A loja do New York Times:
Uma coisa que realmente faz A loja do New York Times destaque do site é a organização e tipografia. As fontes representam perfeitamente a marca do New York Times. As diferentes opções de produtos são dispostas em uma grade limpa, facilitando a navegação e as compras.
O que eles também fazem bem é que eles negrito o typogrpahy para seus melhores vendedores e itens de venda no cabeçalho que é sutil, mas automaticamente chama sua atenção para os produtos.
Key takeaway: Tipografia facilmente identificável
Website de comércio eletrônico construído usando: Shopify
6. A coruja:
A razão Coruja está na lista é a sua estranha assumir site de comércio eletrônico desenhar. A página inicial não é a aparência da maioria das lojas on-line. Isso não é uma coisa ruim, pois torna o design da web criativo. Criatividade ajuda as lojas a se destacarem. Fazendo algo um pouco diferente pode ajudar muito a sua linha de fundo.
Sua homepage é muito minimalista e eles têm um vídeo que é reproduzido automaticamente para destacar seus produtos. Novamente é muito nervoso e quase encantador. Devido ao design minimalista, o vídeo não afeta a velocidade de carregamento dos usuários para o website.
Key takeaway: Reprodução automática de vídeos em sua página inicial
7. Figo Barão:
Este site de comércio eletrônico o design está cheio de excelentes elementos de design. A primeira é a fotografia minimalista e nítida. O segundo é os gráficos divertidos e frases cativantes. O esquema de cores correlaciona e complementa o produto. Se você está procurando um site que usa uma variedade de elementos para criar uma sensação coesa, então o Baron Fig é perfeito para você.
Um pouco abaixo da dobra da página inicial, o Barão Fig exibe uma amostra de trechos de artigos de imprensa de empresas como GQ, Buzzfeed e Nova York, que instantaneamente chamam sua atenção.
Key takeaway: Carrossel de comentários da imprensa
Website de comércio eletrônico construído usando: Shopify
8. Beacon:
Beacon é um projeto de design colaborativo que vende cartazes para o bem. O site parece uma galeria de arte online. Os produtos são exibidos como cartazes reais pendurados em uma parede. O design é simples, com muito pouco texto e sem menus desnecessários.
Através de algumas técnicas de HTML, o Beacon também move as imagens de fundo, captando instantaneamente a sua atenção.
Principais argumentos: Movendo imagens de plano de fundo
Website de comércio eletrônico construído usando: Shopify
9. Packwire:
Rolando pelo Packwire homepage é uma aventura emocionante onde você não sabe o que vai aparecer em seguida. Os recursos de design são completamente diferentes de qualquer outro site. Há pop-ups e sliders divertidos cobrindo todo o site. Packwire construiu um site sexy para um negócio muito pouco sexy.
Devido ao design complexo e às animações, as velocidades de carregamento da página podem ser bastante longas. No entanto, a Packwire usou uma caixa de desembalagem e embalagem para indicar que a página está sendo carregada. É exclusivo para os negócios e torna o tempo de espera muito menos trabalhoso.
Principais informações: ícone de carregamento exclusivo
10. Caroline Z Hurley:
A grande foto impressionante no Caroline Z Hurley homepage define a sensação de como o restante do design do site será. A fotografia divertida e simples vende o produto sem sequer tentar. Os clientes não são bombardeados por opções de produtos.
A moça da foto está claramente admirando tanto o produto que nem percebe que a câmera está lá. Ele realmente se destaca das imagens bregas e padronizadas de alguém sorrindo para o produto.
Takeaway chave: Fotografia fora da caixa
Website de comércio eletrônico construído usando: Shopify
11. Beatífico:
Beatífico usa uma ampla variedade de conteúdo digital, como fotos, animações e ilustrações para transmitir com êxito sua mensagem. O esquema de cores e as fontes criam uma marca jovem e divertida que é evidente em todo o site.
Esta sensação jovem e amigável é reforçada com o plugin do Facebook Messenger anexado ao site. Se você já estiver conectado ao Facebook, pode enviar uma mensagem para alguém instantaneamente por ajuda. Você pode se conectar a este site hoje por meio do plugin de chat do cliente.
Principais informações: Conecte o Facebook Messenger
Website de comércio eletrônico construído usando: Shopify
12. Storm London:
Tempestade concentra-se em demonstrar a alta qualidade de seus relógios. Assim que você estiver na página inicial deste site de comércio eletrônico, você é recebido com descrições e fotos de cada relógio. O design incrível deste site destaca até mesmo o menor dos detalhes para atrair o potencial comprador.
Tanto assim que Storm não inclui o rodapé em sua homepage, porque vamos encarar que nada de interesse está lá. Para não desviar a atenção do produto, você pode clicar em um sinal de mais para estender o rodapé.
Key takeaway: rodapé expandido
Website de comércio eletrônico construído usando: Shopify
13. Lobo Gang:
O que faz o Lobo Gang website único é o design escuro e pesado. Muitos sites adotam um design mais brilhante com cores vibrantes, mas o Wolf Gang é o oposto completo. A tipografia é ousada e na sua cara. O site chama sua atenção imediatamente.
O que o Wolf Gang também faz bem é que eles tiram o cansaço da rolagem. Com um único movimento da bola no seu mouse, você se move automaticamente para a próxima seção, muito inteligente.
Takeaway chave: rolagem de seção
14. MSMG:
MSMG é o exemplo clássico do uso de cores e fotos vibrantes.
O que mais me impressionou no MSMG foi que o cursor do mouse virou para um M. Sim, você talvez esteja pensando neste ponto que é muito 1990! Sim, é, mas as pessoas amam a nostalgia e um retrocesso. É hora de abraçar isso para o seu site?
Key takeaway: Abraçar retro
15. Outro:
Outro usa um botão que mantém o nome da empresa na frente e no centro, não importa onde você vá no site. O design geral é elegante, mas inesquecível. Ele oferece um design semelhante a uma grade que atrai facilmente os olhos de uma coisa para outra.
Seu site é dividido diretamente no meio. AN Outros simplesmente giram o texto e as imagens para mantê-lo interessante, o que torna o site muito mais fácil de se ver, em vez de alguns sites que não têm simetria ou ordem.
Principais sugestões: até mesmo as seções criam um design mais limpo
Website de comércio eletrônico construído usando: WooCommerce
16. Dois Chimpanzés Café:
A singularidade da marca brilha como Dois chimpanzés prioridade número um. O menu de hambúrguer tem um design raro e aparece. Todo o site está cheio de características distintas.
Quando você tenta sair do site, você se depara com um pop-up “Please Don't Go” com uma call to action (CTA) que diz “Gimme Some”, é muito divertido e bate o nada original “adicionar à cesta” .
Key takeaway: Clever CTA's
Website de comércio eletrônico construído usando: WooCommerce
17. Não é outro projeto de lei:
Não é outro projeto de lei é um ótimo exemplo de um design de loja on-line que se destaca na multidão. Seus produtos são lindos e limpos. o design do site faz uso de cor dos produtos e espaço em branco no fundo para mostrar os produtos artísticos.
Eles se constroem para serem um site que oferece presentes exclusivos. Isso é destacado por sua lista suspensa na página inicial, que o leva diretamente para o produto que você deseja. Por exemplo, em dois cliques você pode encontrar 'Cartões de felicitações' para 'Adolescentes, isso realmente simplifica o processo.
Key takeaway: Simplifique como as pessoas encontram seus produtos
18. Sense6:
Sense6a falta de cor faz com que ele se destaque da multidão. Todo o site é principalmente em preto e branco. As poucas outras cores usadas no site são intencionais e mínimas. Existem pequenos pontos dourados para direcionar os olhos para determinados menus e botões.
Takeaway chave: Menos é mais com cor
19. Manolo Blahnik:
Manolo Blahnik tem uma carreira de mais de 40 anos, por isso o site precisa refletir o quão prestigiados eles são.
Quando você rola a página, ela se parece com uma passarela que está de acordo com a marca deles. Manolo também criou um efeito de sombra por trás de seus produtos, o que é bastante singular nesta lista.
Principais sugestões: use um efeito de sombra em suas imagens para adicionar impacto
20. União Nativo:
O banner deslizante torna o site interativo para o usuário e fácil de navegar para as diferentes páginas. O uso de imagens em todo o site é mais envolvente do que o texto sozinho e representa melhor os produtos. As fotos dos produtos estão na frente e no centro, deixando o usuário com menos perguntas.
Quando você usa o menu de cabeçalho Native Union, os subprodutos são destacados sem que você precise clicá-los. Um benefício adicional é que os ícones são usados para que os usuários identifiquem com facilidade o que estarão clicando.
Key takeaway: Use ícones para exibir produtos
Website de comércio eletrônico construído usando: BigCommerce
21. Realmente bem feito:
Realmente bem feitoO site é, bem, muito bem feito. Se você está procurando um bom exemplo de como incorporar seus feeds de mídia social, este site é o exemplo perfeito. Really Well Made exibe seu feed no Instagram diretamente na página inicial. É uma excelente maneira de aumentar a confiança do cliente.
Eles também destacam seu blog de maneira vívida em sua página inicial. Os artigos são fantásticos e os ajudam a destacar fotos que eles não podem usar em suas páginas de produtos.
Key takeaway: Destaque seu blog, onde você pode ser menos vendedora, as pessoas vão gostar disso.
Website de comércio eletrônico construído usando: Shopify
22. Myro:
O produto da Myro não é muito para ser olhado, é essencialmente uma cápsula de refil reciclável, então criar um estilo de vida em torno de seu produto e trazê-lo para sua vida no design do site é vital.
Para exibir a simplicidade de seu produto, Myro usa um gif interativo abaixo da dobra da página inicial, o que realmente o condiciona e destaca o uso e a eficácia do produto em questão de segundos.
Principais dicas: use gifs interativos para mostrar seu produto em ação
Website de comércio eletrônico construído usando: Shopify
23 Kaffefamiljen:
Infográficos são uma maneira divertida e eficaz de descrever um produto e negócio. Ele quebra para baixo para o cliente e faz com que seja agradável de se olhar. Kaffefamiljen é o exemplo perfeito de usar corretamente infográficos para atrair o usuário.
O que eles também fazem bem é usar linguagem como 'seu café', 'bem-vindo à família' e 'o que melhor se adapta a você'. Você realmente se sente parte da marca quando uma empresa faz isso.
Key takeaway: Use a linguagem inclusiva no design do seu site
24. Michael Petrov - Emersão:
Emersão é um design simples, mas impressionante. Possui sete páginas de rolagem diferentes. Cada página é semelhante com uma pequena quantidade de texto e uma ilustração. Os poucos elementos de design usados criam um grande impacto.
Embora isso possa não ser muito relevante em seu site, a Emersion usa a paginação no canto inferior direito para informar ao usuário quantas páginas restam. Isso garante que o cliente não fique frustrado.
Key takeaway: Usa paginação para classificar a fadiga
Website de comércio eletrônico construído usando: Fácil Digital Downloads
25. Perfumaria Burren:
A Perfumaria Burren depende muito de fotos de estilo de vida de seus produtos. Há belas fotos de seu perfume sendo feitas e usadas. A composição das fotos é ótima. Você notou sua fonte divertida também?
O design do site da homepage de Burren é configurado para que os usuários comprem automaticamente a marca. A fotografia de estilo de vida aliada à sua história é uma ótima tática para atrair pessoas.
Principais dicas: Explique seus negócios e faça com que os clientes comprem para você
Website de comércio eletrônico construído usando: Shopify
26. Via Copenhagen:
A página de destino de Via Copenhagen não rola continuamente, mas altera completamente as páginas conforme você rola. É ousado e agitado, fazendo com que cada produto salte da tela. A paleta de cores neutras é impressionante.
Principais argumentos: substitua páginas inteiras por um pergaminho
27. Salvar cáqui
O design do Save Khaki é muito minimalista, com uma forte ênfase nas imagens, o que aumenta a largura da página.
Você pode ler artigos e relatórios sobre por que não é a melhor ideia usar um carrossel em sua página inicial. Tem sido relatado que promove mensagens mistas e dá a impressão de que a loja não sabe o que quer mostrar.
No entanto, feito direito e pode dar o seu site uma ótima estética. A Save Khaki não envia mensagens diferentes que usa para destacar seus produtos no uso diário, enquanto as opções Loja Masculina e Loja Feminina permanecem estáticas para que as pessoas decidam comprar quando quiserem.
Principais dicas: use carrosséis para promover seus diferentes produtos
Website de comércio eletrônico construído usando: Shopify
28. Buffy Comforters:
A foto de fundo faz com que o usuário queira pular naquele sofá e aconchegar-se sob o Buffy Consolador Buffy afirma que eles são os mais fofos, mais suaves e mais leves de todos os tempos e o site faz com que seja mais do que crível. Ele vende o produto sem esforço.
Além disso, assim que você começar a rolar, Buffy oferece um código de desconto como um pop-up. Esta é uma técnica óbvia, mas é muito eficaz.
Principais takeaway: Pop-up com oferta de desconto
Website de comércio eletrônico construído usando: Shopify
29. 450 GSM:
450 GSM não tem um site chique. É prático e ideal para o negócio que está sendo apresentado. O 450 GSM mostra que você não precisa ir ao mar para ter um site com boa aparência. Não há problema em ser simples e fácil de navegar.
Se você achar que o seu setor não é tipicamente o mais interessante, então não tente fazer algo que não seja.
Takeaway chave: Menos é mais
30. Apenas uma vez:
O layout dos artefatos vintage é ótimo. Os diferentes artefatos estão alinhados em uma grade organizada facilitando a navegação. O uso de espaços em branco ao redor de cada quadrado de produto faz com que o site se sinta limpo e organizado. As fotos transmitem o charme, personagem e história de cada peça.
Mais uma vez, este é um ótimo exemplo de como os produtos nostálgicos podem ter um bom desempenho. As pessoas adoram o passado e o design simples do Only / Once permite que os produtos façam toda a conversa.
Key takeaway: trazer retro atualizado é muito popular
31. Esopo:
A site de comércio eletrônico projeto de Esopo concentra-se na beleza e naturalidade de sua linha de cuidados. É composta de fotos de perto do produto e sua embalagem. este site de comércio eletrônico é um bom exemplo de como fotografar produtos de beleza e cuidados com a pele de maneira sofisticada.
Isto é sofisticação é apoiado por quanto espaço para respirar eles dão aos produtos. A maioria das empresas se concentra em um logotipo massivo e um cardápio gigante. Vamos enfrentá-lo, os clientes não se importam com o seu logotipo e eles vão procurar o seu menu, ele não deve dominar a página.
Promoção importante: grandes menus e logotipos não são importantes
32. MAKR:
A página de destino é específica para MAKR ainda interativa para o usuário. Ele apresenta linhas de diferentes produtos de couro que mudam de cor à medida que o usuário passa sobre eles. Isso não só mostra os diferentes produtos e cores, mas desperta interesse.
Também mostra como os diferentes produtos estarão associados a diferentes roupas. As pessoas podem gostar de um produto, mas como ele se encaixa com o que está usando? Vale a pena ter em mente.
Principais sugestões: mostre seus itens acessórios com roupas diferentes
Website de comércio eletrônico construído usando: Magento
33. 42/54:
42/54 usa cores vibrantes para sua vantagem. este site de comércio eletrônico não se coíbe de exibir cores de fundo negrito. Mas observe que a site de comércio eletrônico o design é bastante leve em geral. As cores brilhantes são pequenos acentos.
Similar aos sites anteriores mencionados aqui, 42 / 54 mostram que um menu de cabeçalho não é importante inicialmente. O menu só aparece quando você rola para baixo, o que dá ênfase extra à coleção de outono / inverno que eles estão promovendo e aumenta a taxa de cliques.
Principais informações: leve um menu principal depois de destacar seus produtos
Website de comércio eletrônico construído usando: Shopify
34. Simplesmente Chocolate:
O design desta loja de comércio eletrônico da empresa de chocolate baseada na Dinamarca oferece espaço suficiente para que cada um de seus produtos brilhe individualmente. Quando você rola a página, uma nova barra de chocolate é exibida no meio da página, com cada barra de chocolate assumindo um tema de cor individual e um nome divertido.
O design do site desta loja de comércio eletrônico é aquele que não pode ser comparado a muitos outros nesta lista. O menu é realmente lateralmente para começar. O que eles fazem bem é que as imagens de fundo ajudam a contar mais sobre o produto. Em vez de usar palavras, Simply Chococlate apenas usa imagens de morangos e nozes.
Principais sugestões: use suas imagens de plano de fundo para descrever seus produtos
Website de comércio eletrônico construído usando: WooCommerce
35. Volumes de Dimensão:
A coisa mais notável sobre o Volumes de Dimensão site de comércio eletrônico é a tipografia arrojada. A fonte grande chama a atenção e cria dimensões para todo o site. A fonte é apenas um pouco mais espessa do que você costuma ver online. Isso faz com que o design do site se destaque ainda mais.
Takeaway chave: Não tenha medo de ser corajoso com o seu texto
36. Engenharia Adolescente:
Engenharia Adolescente tem um dos mais bem desenhados sites de comércio eletrônico em engenharia. Parece exatamente como você esperaria um site de engenharia, mas também tem uma sensação jovem e moderna. O fundo preto e a fonte branca fazem sobressair.
Eles também estão repetidamente usando letras minúsculas, o que é definitivamente uma tendência que mais empresas estão adotando para atrair um público mais jovem, que o favorece.
Takeaway chave: minúsculas está em ok
37. Vipp:
Vipp vende itens domésticos minimalistas. Seu site segue o exemplo com um design minimalista. Os produtos são belamente organizados, mas não em uma visão de grade chata. Este site mostra que não há problema em se ater aos princípios básicos polvilhados com alguns recursos sofisticados.
O que eu gosto sobre o Vipp é o modo como eles destacam seu produto em uso depois que você passa o mouse sobre ele. Usuários gostam da fotografia de estúdio polida e está sendo usada, então dê a eles duas opções.
Key takeaway: equipe sua fotografia de estúdio com fotografia de estilo de vida
38. STAUD:
Staud é outro exemplo de site de comércio eletrônico design que usa cores brilhantes. As cores são usadas nas fotos, no produto e nos fundos. O texto é todo em branco e preto. O saldo aqui é muito bom.
O que a STAUD faz bem é que sua oferta pop-up fica pegajosa em sua página no lado direito. A maioria das pessoas pode e clicará em ofertas pop-up, por isso é importante mantê-la em sua visão.
Peça principal: use um widget de menu à direita para anunciar seu desconto de boas-vindas
Website de comércio eletrônico construído usando: Shopify
39. Mallika Favre:
Malika Favre é um design de site em seu rosto. Ele elimina completamente o uso de espaço em branco e usa gráficos coloridos brilhantes em toda a tela. este site de comércio eletrônico o design é memorável e criativo.
Outro grande uso de imagens interativas, o Mallika exibe o preço quando o usuário passa o mouse sobre o produto.
Principais sugestões: exibir preços e nomes de produtos quando os usuários passam o mouse sobre
Website de comércio eletrônico construído usando: Grande cartel
40. Verk:
VerkA página inicial se concentra muito na finalidade, na engenharia e no alto padrão do produto. Eles não aceitam vender seus produtos. Eles falam sobre qualidade e orgulho, em vez da mais recente venda ou promoção. Toda a tática mostra ao cliente que Verk se preocupa com cada um dos relógios.
A Verk anuncia seus relógios como “minimalistas”, então não é surpreendente que seu site reflita isso. É uma empresa que conhece muito bem a sua marca.
Conclusão importante: garanta que o seu site espelhe sua marca
Website de comércio eletrônico construído usando: Shopify
41. PRODUÇÃO:
PRODUÇÃO Organizei todas as fotos do produto em um design de grade exclusivo com todo o texto importante em cima das fotos. A página inicial é bonita, com muito pouco texto. Todo o texto e informações estão bem escondidos em uma grade de hambúrguer à esquerda.
O mega menu da YIELD é ótimo em seu design. Você pode baixar os níveis de 3 para um produto, mas ao mesmo tempo não parece arrogante, devido ao fato de que os menus foram projetados de forma diferente.
Key takeaway: Não tenha medo de ter seu mega menu para uma sub-subseção
Website de comércio eletrônico construído usando: Shopify
42. Charlotte Stone:
Este é um exemplo de uma loja de comércio eletrônico de calçados femininos com um visual de designer muito suave. As cores principais que você verá aqui são rosa claro, amarelo e branco, acompanhadas de padrões suaves. este site de comércio eletrônico O design combina bem com o produto que eles pretendem vender. É muito feminino e fresco, com a fonte combinando com o visual do site.
O que Charlotte Stone faz bem é que eles não forçam as vendas em você. Eles só querem que você se inscreva no boletim informativo, eles fazem isso mudando a cor do plano de fundo a cada poucos segundos no formulário de inscrição.
Key takeaway: Chame a atenção para seus formulários de inscrição, alterando a cor
Website de comércio eletrônico construído usando: Shopify
43. Minna May Designs:
Como uma empresa especializada em letras e ilustrações manuais, você esperaria ver técnicas semelhantes na Minna May local na rede Internet. O site apresenta fontes lindas, cores claras e imagens delicadas. O design por trás da empresa aparece em todos os aspectos do site.
O que é diferente no Minna May para as outras lojas é que elas vendem seus produtos em outras plataformas. No entanto, eles usam o site para obter uma funcionalidade extra de design e destacar sua história.
Key takeaway: Use seu site como um portal para sua loja Etsy
Website de comércio eletrônico construído usando: Squarespace
44. Triangl:
Triangl mostra sua roupa de banho de uma maneira única e diferente. Em vez de os maiôs serem dispostos na grade típica, eles são organizados por três em um slider. O preço e outras informações não estão focados. O site também usa grandes quantidades de espaço em branco para direcionar o olho.
Takeaway chave: O espaço branco não é espaço da waster
Website de comércio eletrônico construído usando: Shopify
45. Bacca:
Bacca vende carrinhos de laptop feitos à mão de madeira. Seus site de comércio eletrônico o design está cheio de excelentes elementos de design. A primeira é as cores e gráficos divertidos que você vê na parte inferior da página inicial. A segunda é a qualidade das fotos de seus estandes. Observe que as arquibancadas estão sozinhas sem nada no fundo. Isso ajuda o produto a se destacar.
Takeaway chave: Use planos de fundo simples para suas imagens
46. Mudança de Umbra:
Não é incomum que as homepages do site sejam para sempre, repletas de todos os tipos de informações e fotos. Mudança de Umbra toma a abordagem completamente oposta. Tem uma homepage muito curta, dando-lhe uma sensação menos esmagadora. Isso ajuda o cliente a se sentir mais confortável.
A Umbra usa muito bem o espaço e seus produtos dominam sua página inicial, isso garante que eles ficarão bem em qualquer dispositivo.
Principais sugestões: use toda a largura do seu site
Website de comércio eletrônico construído usando: BigCommerce
47. Fitzy:
A fotografia em Fitzy é absolutamente soberba.
Uma varredura rápida de seu site e você pode ver carteiras de passaporte exibidas em mesas de café da manhã, uma bolsa de estilo de flor de cerejeira entre árvores de flor de cerejeira e cintos cercados pelos materiais que os fizeram.
Produtos artesanais e o boom do etsy são enormes no mundo do comércio eletrônico. O que o Fitzy faz bem é que eles exibem esse slogan e reforçam isso com a fotografia em close.
Key takeaway: vender produtos artesanais? Dê autenticidade mostrando como você as fez
Website de comércio eletrônico construído usando: Shopify
48. Memória somente leitura:
Memória somente leitura livros publicados sobre videogames, então só faz sentido ter um site com um design semelhante a um videogame. Semelhante à empresa, o site é a combinação perfeita de videogames e designs de livros. Ele possui um sistema parecido com uma grade de blocos para organizar os produtos.
Outro bom uso de um menu autoadesivo aqui, desta vez nas páginas do produto, nas quais as opções de adicionar ao carrinho e check-out seguem você assim que você clica em um produto
Sugestão principal: utilize menus fixos na sua página de produto para ajudar as suas conversões
Website de comércio eletrônico construído usando: WooCommerce
49. Boas Modalidades:
Boas Modalidades é um dos sites mais esteticamente agradáveis. É uma mistura perfeita de ousada e brilhante, mas suave e macia. Possui fotografia de estilo de vida bonito. A paleta de cores tem uma natureza calmante sobre isso.
Good Moods tem mais de 15k seguidores no Instagram e, olhando para o site deles, você pode ver que eles são grandes em fotografia. Então, se você o exibir, integre suas plataformas de mídia social ao seu site de comércio eletrônico equipe
Takeaway chave: Destaque seu Instagram se você é grande em fotografia
50. Aida Eats:
Há tantas coisas brilhantes a dizer sobre este site; no entanto, vou ser breve. O slogan aqui é simples, brilhante e tão forte. Ele informa imediatamente os clientes que eles estão no lugar certo;
'Coma bem. Divirta-se facilmente '.
Assim, desde o início, os consumidores sabem o que é Aida Eats.
Também amamos as imagens na página inicial. Eles exibem alguns de seus produtos favoritos ao abrir pacotes com diferentes lanches.
Isso é incrivelmente inteligente.
Não só parece impressionante, mas também mostra ao cliente os produtos que a Aida Eats tem para oferecer. O cliente está exposto aos seus produtos sem ter que procurar por nada - é genial!
Key takeaway: Dê uma ideia ao seu slogan. Faça um rascunho de algo com o qual seus clientes irão se relacionar e esperançosamente se lembrem. Deve destacar o que a sua marca representa em poucas palavras.
Website de comércio eletrônico construído usando: Shopify
51. Molekule:
A Molekul aproveita ao máximo seu enorme banner de vídeo em sua página inicial. Ele mostra seu produto principal em ação, além de dar aos visitantes um vislumbre da ciência por trás de seus purificadores de ar. Isso faz maravilhas para construir confiança e credibilidade com seu público.
Nós também amamos que, quando você rolar para baixo, a primeira coisa que você vê é a prova de sua excelência. Eles listaram os prêmios que ganharam por seus produtos juntamente com um pequeno logotipo representando o prêmio. Por exemplo - Melhor Novo Produto no 2017 do Edison Awards.
Key takeaway: Publique prova social em sua página inicial para aumentar a credibilidade.
52. Kaptain:
Se você está vendendo apenas alguns produtos selecionados, tire uma folha do livro de Kaptain. Em sua página inicial, eles mantêm as coisas incrivelmente simples, permitindo que seus produtos falem por si mesmos. Tudo o que eles têm são algumas imagens clicáveis em um fundo branco.
Afinal, você sabe o que eles dizem - 'uma imagem vale mais que mil palavras'.
Key takeaway: Declutter sua página inicial. Lembre-se, menos é geralmente mais.
53. Oferta de bónus:
A maioria das pessoas quer doar dinheiro para caridade. Assim, a Boon Supply derruba o parque, permitindo que os clientes dêem 40% do custo total de sua compra, para a instituição de caridade de sua escolha.
Essa USP é destacada em seu slogan, de modo que as pessoas saibam de imediato o que torna a Boon Supply diferente de seus concorrentes.
Key takeaway: Inclua seu USP em seu slogan.
Website de comércio eletrônico construído usando: Shopify
54. Austin Eastciders:
A cópia em Austin Eastciders'homepage é bastante impressionante. Depois de passar pelo banner de vídeo impressionante, você chega a uma apresentação de slides destacando seus produtos favoritos.
Eles certamente sabem como posicionar seus produtos para atrair seu público-alvo. Eles usam palavras como; 'champagne seco', 'contém apenas 3g de açúcar', 'cumprindo as suas resoluções' - veja o que eles fazem aqui ... eles identificam as necessidades de seus clientes e explicam como seus produtos atendem a essa necessidade.
Principais sugestões: conheça seu público e garanta que ele seja refletido em sua cópia.
Website de comércio eletrônico construído usando: Shopify
55. Pacote Free Shop:
Uma das melhores coisas sobre o Pacote Free Shop é a sua embalagem sem plástico. Este é um dos seus USPs, e eles fazem isso bem conhecido em ambos os seus cabeçalhos (onde eles também oferecem frete grátis para pedidos de US $ 25 ou mais) e mais abaixo em sua homepage.
Key takeaway: Se você é capaz de oferecer frete grátis, faça isso- os clientes adoram isso! Um aumento nas conversões é quase inevitável.
Website de comércio eletrônico construído usando: Shopify
56. The Goodwell Company:
Normalmente, eu não sou fã de formulários pop-up opt-in, porque, no geral, eles incomodam os visitantes. No entanto, o Goodwell Company oferece um fabuloso!
Os visitantes podem girar a roda para ter a chance de ganhar um desconto quando fornecerem seu nome e endereço de e-mail. Esta é uma maneira divertida de entregar valor aos seus clientes.
Key takeaway: Encontre e use um estilo exclusivo de formulário de adesão. É muito mais provável que você faça com que os clientes se envolvam com isso.
Website de comércio eletrônico construído usando: Shopify
57. Flor:
Enquanto você percorre Florna página inicial do, você verá que eles detalham exatamente como usar e solicitar uma caixa de assinatura - tornando muito simples para os clientes entenderem o processo.
No caso de Blume, tudo o que você precisa fazer é escolher o que deseja, escolher com que frequência deseja receber uma de suas caixas personalizadas e, em seguida, cancelá-la quando quiser - como isso é simples?
Principais sugestões: mantenha sua cópia simples para alcançar clientes que não estão familiarizados com sua marca.
Website de comércio eletrônico construído usando: Shopify
58. Recesso
Eu amo o lema deles, e cara, eles o tornam conhecido. As palavras "nós enlatamos um sentimento" estão grudadas no topo de sua página inicial.
Então, ao lado do lema, há uma lata flutuando ao lado de nuvens em movimento, o que dá uma impressão celestial.
Isso faz sentido. As pessoas querem se sentir bem. É tão simples como isso e Recesso capitalizou isso com seus web design e copywriting.
Principais sugestões: pense no que seus clientes querem sentir e apele a isso por meio de seu design da web.
59. Casal:
No canto inferior direito da CasalA página inicial de é uma caixa de bate-papo. Isso dá aos visitantes acesso instantâneo à equipe de suporte do casal.
As caixas de bate-papo fazem maravilhas para melhorar seu atendimento ao cliente e para mostrar aos visitantes que você está dedicado a responder suas consultas e perguntas em tempo hábil.
Principais sugestões: considere o uso de um plug-in de caixa de bate-papo para melhorar a qualidade de seu atendimento ao cliente.
Website de comércio eletrônico construído usando: Shopify
60. Obter quarto:
Se a sua marca tiver um produto exclusivo, faça o que Obter quarto faz e torna a primeira coisa que você apresenta em sua página inicial. Eles usam fotos de produtos de alta qualidade para dar ao cliente uma ideia melhor do que esperar quando gastam seu dinheiro arduamente ganho com eles.
Eles não apenas usam uma cópia curta e rápida para descrever seu produto principal, mas também destacam o botão de chamar a ação, deixando-o mais claro do que os outros elementos da página.
61. Porto de Mokha:
On Porto de Mokhapágina inicial do, eles oferecem duas opções aos clientes. Eles podem se inscrever para um pacote mensal ou comprar produtos individuais.
Essa marca torna essas escolhas claras desde o início, por isso os consumidores conhecem suas opções antes de navegar no restante do site. Ter uma loja fácil de usar é essencial para melhorar suas taxas de conversão.
Key takeaway: Torne seu site fácil de navegar.
Website de comércio eletrônico construído usando: Shopify
Criando o site de comércio eletrônico perfeito
Embora existam muitas lições importantes a serem tiradas da lista de sites de comércio eletrônico mencionados acima, é importante lembrar que todos os sites são diferentes. Embora você deva definitivamente se esforçar para tornar seu ambiente on-line o mais amigável e atraente possível, você também precisará pensar cuidadosamente em várias outras coisas.
Por exemplo, todos os sites devem ter facilidade de uso, além de descrições detalhadas de produtos, páginas de pagamento exclusivas e soluções simples para ajudar seus clientes a gastar seu dinheiro com facilidade.
No entanto, são os pequenos detalhes que você adiciona ao seu negócio on-line que realmente o ajudam a se destacar.
Por exemplo, pense em:
- O público que você está tentando atrair: Diferentes tipos de clientes esperam coisas diferentes de um website. Algumas audiências mais jovens esperam mais animações e gráficos, enquanto os clientes B2B esperam muitas informações confiáveis.
- O orçamento com o qual você tem que trabalhar: As pequenas empresas geralmente são limitadas em dinheiro. Embora ferramentas como o WordPress permitam que você comece a criar seu site gratuitamente, você ainda precisará pagar por alguns investimentos cruciais.
- Como será o seu modelo de negócios: Algumas pequenas empresas vendem produtos por meio de suas próprias páginas de pagamento distintas. Outros integram seu design de web de comércio eletrônico com ferramentas como Amazon ou serviços de dropshipping. Saber como você vai vender para os clientes afetará significativamente o seu design de comércio eletrônico.
- Como você vai anunciar seu site: Lembre-se de que as pessoas não vão apenas encontrar você por conta própria. Você precisará pensar em como atrair clientes através do Google com a otimização de mecanismos de pesquisa. Você também pode tentar coisas como marketing por e-mail com seu SEO.
- Como você vai exibir seus produtos: Você prefere apenas imagens de produtos ou deseja oferecer apresentações e vídeos a seus clientes que possam ajudá-los a explorar o potencial de seu produto? Adicionar novos recursos é ótimo, mas você precisa garantir que não diminua a velocidade do seu site.
- Como você vai se destacar: Independentemente de quais produtos você esteja vendendo, de camisetas personalizadas a dispositivos móveis, você pode apostar que existe alguém com as mesmas categorias de produtos que você. Isso torna crucial para você encontrar uma maneira de se separar da concorrência.
- Como você pode oferecer a melhor experiência ao cliente? Hoje, os clientes procuram experiências sensacionais mais do que qualquer outra coisa. Atualize o design da sua loja para se concentrar na facilidade de uso. Isso inclui fornecer um design responsivo que funcione em qualquer smartphone e um processo de pagamento tranquilo, com muitas opções de pagamento.
Às vezes, o desenvolvimento de um plano de negócios completo ajudará você a direcionar sua estratégia de web design para comércio eletrônico na direção certa. Quanto mais você souber sobre sua empresa, seus clientes e até sua concorrência, mais fácil será garantir que você não perca vendas valiosas.
Você pode até decidir que vai tentar um novo tipo de plano de negócios completamente. Por exemplo, muitas empresas novas estão começando a experimentar dropshipping como uma maneira simples de cumprir seus pedidos sem ter que investir em estratégias de armazenamento.
Encontrar inspiração para Web design de comércio eletrônico
Embora os exemplos acima não possam mostrar exatamente como criar o melhor site de comércio eletrônico, eles podem fornecer informações úteis sobre o que é necessário para tornar um site bem-sucedido. Cabe a você descobrir quem são seus clientes e o que eles precisam em seu site. Mas você pode usar os sites anteriores como inspiração para fazer com que você se mova na direção certa.
Existem pilhas de sites incríveis em toda a Internet em seu nicho e outros que podem mostrar o quão incrível sites de comércio eletrônico pode ser, se você souber como fazê-los corretamente.
Olhando para os sites de comércio eletrônico mais atraentes de hoje, você pode ver que não são apenas as impressionantes páginas da web que impulsionam sua empresa, mas tudo, desde a otimização de mecanismos de pesquisa até a capacidade de receber vários tipos de pagamentos com cartão de crédito.
Quando você está desenvolvendo seu próprio site de negócios de comércio eletrônico, a melhor coisa a fazer é examinar os sites que já existem e encontrar maneiras de tornar sua própria solução ainda melhor. Pense no que sua concorrência está fazendo e pergunte-se o que você pode fazer para se destacar na multidão. Isso pode significar adicionar mais recursos ao seu carrinho de compras, como gateways de pagamento (PayPal, Shopify (Pagamentos ou tarja), taxas de envio ou cartões-presente.
Por outro lado, você pode decidir criar uma área de boutique personalizada para compras on-line, onde os clientes podem adicionar seus próprios nomes e outros detalhes aos produtos usando um serviço de impressão sob demanda.
A média construtor de sites de comércio eletrônico hoje vem com várias maneiras fantásticas de causar uma primeira impressão positiva em seu público e mantê-los voltando para obter mais. Ir além das descrições e fotos de produtos de alta qualidade para mostrar ao seu público o que torna seu negócio on-line especial é uma ótima maneira de garantir mais vendas a longo prazo.
Lembre-se de que você precisará das ferramentas certas para começar, Magneto, Squarespace, WordPress, Volusion e outros criadores de sites de comércio eletrônico líderes não podem realizar muito por conta própria. Você também pode precisar explorar plug-ins e complementos para trazer funcionalidade extra para seu site, ou até mesmo pensar em trabalhar com um especialista.
Melhores criadores de sites de comércio eletrônico
Se você deseja criar um site de comércio eletrônico impressionante, como os que estamos exibindo aqui, então você vai precisar das ferramentas certas. Os melhores sites vêm das melhores soluções de construção de sites de comércio eletrônico. A boa notícia para os empresários de hoje é que há muitas opções para escolher.
Como todos os proprietários de empresas (e empresas) são diferentes, construtores de lojas de comércio eletrônico vêm em muitos sabores diferentes. Alguns permitem que você construa seu site quase completamente do zero, com acesso à codificação.
Outros tornam mais fácil desbloquear todo o potencial do seu site com temas e modelos.
Muitos desses construtores de sites de comércio eletrônico vêm com hospedagem na web e outros recursos excelentes para explorar. Aqui estão as melhores plataformas de comércio eletrônico para explorar.
Shopify
Shopify é uma das líderes de mercado em design de sites de comércio eletrônico. É líder no mercado graças à sua impressionante experiência out-of-the-box para qualquer pessoa que esteja procurando uma maneira rápida de lançar uma loja online impressionante. Shopify tem um back-end fácil de usar, um conjunto superintuitivo de recursos, um construtor de arrastar e soltar e muitas orientações para os clientes.
Com Shopify, você tem a liberdade de listar qualquer tipo de produto à venda, seja um serviço, um download digital ou um item físico. Você pode gerenciar o inventário de seu site no back-end, receber pagamentos de seus clientes usando as ferramentas de sua preferência e muito mais. Se você não encontrar tudo o que precisa já integrado Shopify, então você sempre pode obter alguns complementos e plug-ins para preencher a lacuna.
A Shopify O mercado de complementos é parte do que o torna uma das melhores opções de plataforma de comércio eletrônico do mundo.
BigCommerce
BigCommerce, gostar Shopify, é um dos melhores desempenhos do setor para empresas que buscam construir uma experiência de compra completa. O construtor de sites associado a BigCommerce é facilmente uma das ferramentas mais impressionantes que tem a oferecer. Com este construtor, você pode acessar algumas opções de personalização detalhadas para fazer seu site se destacar.
BigCommerce torna muito fácil listar seus produtos, configurar uma página de categoria ou várias e lidar com coisas como detalhes de envio. Além disso, o serviço de comércio eletrônico oferece um suporte fantástico ao cliente para seus usuários. Contudo, BigCommerce nem sempre é ideal para iniciantes.
O sistema é bastante avançado em comparação com alguns dos outros construtores de lojas por aí. Isso é ótimo para desenvolvedores que conhecem o código, mas pode não ser a ferramenta certa para quem está começando. BigCommerce tem uma grande comunidade ao seu redor, no entanto. Isso pode significar que você pode simplificar o processo de construção de sua loja apenas entrando em contato com alguém que tenha um pouco mais de conhecimento de codificação.
Squarespace
Comparado com Shopify e BigCommerce, Squarespace não é um grande negócio - pelo menos não ainda. No entanto, ainda se destaca como uma das ferramentas de construção de sites líderes no mercado. Esta ferramenta fantástica é particularmente boa para proprietários de lojas que desejam designs de modelos bonitos e criativos.
Se você é novo no mundo da construção de sites, o Squarespace facilita o carregamento de seu inventário online. Existem toneladas de recursos para explorar na plataforma, incluindo email marketing e integrações de mídia social. Não existem aplicativos de plug-in para ajudá-lo a estender a funcionalidade de sua loja, mas os iniciantes não precisarão de muitos recursos extras.
Squarespace é mais adequado para pessoas criativas que desejam mostrar sua arte online. É ideal para criar portfólios de sites profissionais, bem como lojas. Este é definitivamente um produto que vale a pena experimentar se você quiser uma interface simples e muitos designs de loja atraentes.
Loja Online Quadrada
A Square Online Store é uma solução única para quem procura os melhores construtores de sites. Esta ferramenta é de uso gratuito, o que a torna uma opção líder para iniciantes. Ele também se integra perfeitamente com a solução existente da Square para a tecnologia POS. Isso significa que você pode combinar facilmente sua presença online e offline, se necessário.
O Square vem com coisas como um URL grátis para você começar, hospedagem gratuita e todas as ferramentas de web design responsivas de que você precisa. Você pode rastrear e gerenciar seu inventário no back-end, com sincronização automática integrada. Além disso, você pode acessar itens como serviços de coleta e entregas também. Também há muitos temas e modelos para ajudá-lo a fazer sua loja se destacar da multidão.
Loja Online Quadrada provavelmente é a melhor escolha para empresas que desejam desenvolver uma solução online para mostrar sua loja ao mundo digital. Se você já tem um local de varejo ou restaurante e deseja levá-lo para o próximo nível, o Square pode definitivamente ajudar com isso. No entanto, pode ser necessário aprender um pouco de codificação se quiser realmente avançar em sua personalização.
Wix
Finalmente, se você está em busca de uma ferramenta de construção de site fácil de usar e as opções acima não atraem você, então o Wix pode ser a escolha final. Como uma das opções de software mais populares do mundo, o Wix dá aos proprietários de negócios acesso a tudo o que precisam para lançar sua própria presença online incrível. Você pode até escolher seu próprio nome de domínio.
Wix se destaca porque tem uma interface de back-end intuitiva, muitos recursos integrados de comércio eletrônico e muitas maneiras de aprimorar e estilizar sua loja. Você pode adicionar recursos ao seu site da maneira que quiser com um construtor fácil de usar, e existem centenas de modelos - muito mais do que a maioria dos outros concorrentes semelhantes ao Wix no mercado hoje.
Se você está com pouco dinheiro e deseja testar a funcionalidade do seu construtor de sites antes de se comprometer com qualquer coisa, o Wix também vem com uma versão gratuita. Lembre-se de que a opção gratuita não servirá para você por muito tempo. O Wix exibe anúncios em seu site com seu pacote gratuito, o que torna muito mais difícil para você transmitir uma imagem profissional para sua empresa.
Melhores designs de sites de comércio eletrônico: considerações finais
Isso resume nosso resumo do principais sites de comércio eletrônico de 2020. Está se sentindo inspirado?
Apenas lembre-se disso, não se trata de como queremos a aparência do site. É sobre como deve ser a aparência para eles e como é fácil comprar. Se desejar seguir o caminho mais fácil, você pode simplesmente usar uma solução de comércio eletrônico como Shopify or BigCommerce ou mesmo uma solução de fonte opn como 3dcart, e fazer uso dos grandes temas que eles oferecem.
Você já se deparou com qualquer outro site de comércio eletrônico projetos que você ama? Vamos conversar nos comentários abaixo!
Nota do editor: Esta postagem foi originalmente publicada em março 2018 e foi completamente renovada e atualizada para precisão e abrangência.
Recurso imagem por Maria Ivina