Melhores designs de sites de comércio eletrônico - Os 60+ principais sites de comércio eletrônico 2020 Edition

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 2020, 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.

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. Quando 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:

O curso 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ê é recebido com um “Por favor, não vá”, com um call to action (CTA) que diz “Gimme Some”, é muito brincalhão e supera o muito unoriginal “add to basket” .

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 em um site que oferece presentes exclusivos. Isso é destacado por sua lista suspensa na página inicial, que leva você diretamente ao produto desejado. 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 sobressair da multidão. Todo o site é principalmente em preto e branco. As poucas outras cores usadas no site são intencionais e mínimas. Há pequenos pops de ouro para direcionar o olho para certos 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 - Emersion:

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", por isso não é de surpreender que o site reflita isso. Eles são uma empresa que está muito consciente da 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. Entreter 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 dizem - "uma imagem fala 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 rolar pelo banner de vídeo impressionante, você alcança uma apresentação de slides que destaca seus produtos favoritos.

Eles certamente sabem como posicionar seus produtos para atrair seu público-alvo. Eles usam palavras como; 'champanhe seco', 'só contém 3g de açúcar', 'seguindo suas resoluções' - você vê o que eles fazem aqui ... eles identificam as necessidades do cliente e explicam como o produto atende 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, você verá que eles detalham exatamente como usar e solicitar uma caixa de assinatura, simplificando a compreensão do processo pelos clientes.

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 o homem faz isso conhecido. As palavras "nós enlatamos um sentimento" são colocadas em todo o 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 é uma caixa de chat. Isso dá aos visitantes acesso instantâneo à equipe de suporte do Couple.

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 MokhaNa página inicial, eles oferecem aos clientes duas opções. 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 web design de comércio eletrônico com ferramentas como Amazon ou serviços de dropshipping. Saber como você venderá aos clientes afetará significativamente o design do seu 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.

Ao desenvolver seu próprio site de negócios de comércio eletrônico, a melhor coisa a fazer é procurar os sites que já existem e encontrar maneiras de tornar sua solução ainda melhor. Pense no que a concorrência está fazendo e pergunte a si mesmo o que você pode fazer para se destacar da multidão. Isso pode significar adicionar mais recursos ao seu carrinho de compras, como PayPal Métodos de Pagamento.

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 e outros criadores líderes de sites de comércio eletrônico só podem realizar muito por conta própria. Você também pode explorar plugins e complementos para trazer funcionalidade extra ao seu site ou até mesmo pensar em trabalhar com um especialista.

Melhores designs de sites de comércio eletrônico: Pensamentos finais

Isso resume nosso resumo do topo sites de comércio eletrônico de 2020. Sentindo-se inspirado?

Apenas lembre-se disso, não é sobre como queremos que o site seja visto. É sobre como deve procurar por eles e como é fácil para eles comprarem. Se você quiser seguir o caminho mais fácil, basta usar uma plataforma de comércio eletrônico como Shopify or BigCommerce 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