Os 25 melhores designs de sites - e os negócios criativos que os impulsionam

Construindo sua loja online e procurando inspiração de design? Existem tantos sites por aí, mas muitos começam a ter a mesma aparência, especialmente quando você começa a procurar sites de comércio eletrônico.

Embora seja tentador deixar sua imaginação correr solta ou se concentrar apenas no que gerará conversões, os melhores designs de sites de comércio eletrônico atingem o equilíbrio perfeito entre criatividade e funcionalidade.

Listas de “melhor design da web” como essas geralmente apresentam sites premiados que são visualmente fascinantes, mas lentos e servem a um único propósito. Queríamos mudar um pouco o roteiro - é por isso que nossa lista apresentará apenas sites bonitos e funcionais que impulsionam negócios de sucesso. Fundamentos e florescimento: esses sites são uma inspiração em ambas as frentes e são tão fáceis de usar quanto agradáveis ​​aos olhos.

Os sites mais bem projetados que impulsionam negócios igualmente criativos

1. Colher Mágica

• Categoria: Alimentos e bebidas

A página inicial do Magic Spoon é tão elegante que quase parece um truque de mão - você se verá fascinado pelo design e esquecendo que está comprando cereais. Prova positiva de que não há produtos chatos, apenas marcas chatas, Magic Spoon continua a derramar charme com embalagens ilustradas, uma paleta de cores cintilante e detalhes deliciosos por trás de cada clique e rolagem - tudo sem ser esmagador. Flocos de farelo, coma seu coração.

Por que a Magic Spoon converte

De acordo com os padrões de web design da Orbit Media, 80% das marcas têm uma proposta de valor no topo de sua página inicial (também chamamos isso de “acima da dobra”, que se refere à área da tela que o usuário vê antes de rolar para baixo). Para a Magic Spoon, esse valor é “cereal saudável que tem um gosto bom demais para ser verdade”. É simples, mas direto e impactante. Vende cereais deliciosos que também fazem bem à saúde. Este também é um importante diferenciador, já que muitos cereais saudáveis ​​não são saborosos e muitos cereais deliciosos são carregados de açúcar.

2. Miau Miau Tweet

• Categoria: Cuidados com a pele

Meow Meow Tweet vende produtos veganos orgânicos para cuidados com a pele com um compromisso de baixo desperdício. Uma visita ao site da marca mostra uma fotografia de produto simples e direta, acompanhada de toques de gráficos ilustrados divertidos e cópia complementar. Ele também tem conteúdo divertido nas páginas de produtos para educar os compradores sobre seus produtos, como eles são feitos conscientemente e como usá-los.

Por que o Tweet Meow Meow converte

O Meow Meow Tweet torna mais fácil para os compradores comprarem seus produtos, tanto online quanto pessoalmente. Possui uma seção em sua navegação principal dedicada exclusivamente a ajudar as pessoas a encontrarem seus produtos para compra. Nesta página, as pessoas podem navegar em locais físicos e online em todo o mundo.

3. Velasca

• Categoria: Vestuário, calçados e acessórios

A Velasca vende calçados, cintos, carteiras, meias, bolsas e itens de vestuário masculinos de fabricação italiana. Tem como alvo um cliente um pouco sofisticado, mas humilde, uma identidade refletida em seu site. Uma rolagem rápida mostrará grandes fotos de estilo de vida aspiracional. Entre as tomadas, ilustrações animadas adicionam acessibilidade e elegância ao design, bem como um pouco de interatividade para manter as coisas interessantes. Ele atinge um equilíbrio entre sério e brincalhão.

Por que Velasca converte

A Velasca valida sua marca e seus produtos mostrando o que os outros disseram sobre ela. Sua homepage traz uma citação da imprensa elogiando a Velasca, além de logotipos de publicações conhecidas que escreveram sobre seus produtos. Isso dá credibilidade às afirmações da Velasca sobre seus próprios produtos e infunde confiança em potenciais compradores. Velasca também polvilha em depoimentos de clientes para mostrar uma variedade de vozes.

4. Knowell

• Categoria: Saúde e bem-estar

A carinha sorridente é a principal identidade visual da Knowell – você a verá espalhada por todo o site em ilustrações gráficas. Passe o mouse sobre a barra de navegação principal na parte superior e você verá as palavras se transformarem em forma de sorriso também. Embora o site e a marca da Knowell sejam lúdicos e divertidos, linhas limpas e layouts simples trazem um nível de sofisticação à marca de suplementos nutricionais. Com um equilíbrio saudável de ilustração, fotografia, texto e blocos de cores, o site da Knowell é um prazer tanto para olhar quanto para interagir.

Por que Knowell converte

Knowell usa tratamento gráfico consistente para indicar botões e clickability. Enquanto os itens de navegação do menu são animados na forma de um sorriso, os “botões” do CTA são na verdade setas.

Com essa abordagem de design, Knowell treina os visitantes do site para clicar nas setas. Quando eles chegam à página do produto, a seta é um pouco maior, com um grande Comprar agora ao lado.

5. Todos os pássaros

• Categoria: Calçado e vestuário

Embora a Allbirds venda sapatos, seu site apresenta mais do que apenas calçados. Fotografias de alta qualidade, coleções de produtos com curadoria, uma ferramenta de localização de lojas e histórias inspiradoras sobre sustentabilidade estão espalhadas por toda parte. Mesmo que você não esteja comprando sapatos ativamente, você apreciará a atenção da Allbirds aos detalhes e o compromisso com a qualidade - tanto em seus produtos quanto no conteúdo de seu site.

Por que Allbirds converte

À medida que os consumidores gravitam cada vez mais em direção a hábitos de compra ambientalmente conscientes, está se tornando mais importante mostrar exatamente como e por que sua marca é sustentável se você estiver fazendo essa afirmação. Como tal, a Allbirds oferece aos usuários uma visão de como seus tênis são feitos. Um vídeo teaser visualmente atraente aparece em sua página inicial - um clique leva os navegadores a uma página que mostra o processo de fabricação, incluindo a origem do material e informações sobre a certificação do Forest Stewardship Council, o que adiciona credibilidade às suas reivindicações.

6. Ginásio

• Categoria: Vestuário

Gymshark tem um site limpo e elegante que mostra seu vestuário esportivo. A Gymshark é mais do que apenas uma marca de roupas – ela ajuda seus clientes a “atuar ao máximo” e liberar todo o seu potencial, especialmente quando se trata de fitness. Observe como as imagens de estilo de vida são acompanhadas por uma amostra de tecido digital para mostrar os detalhes no design das roupas.

Por que o Gymshark converte

O Gymshark vende para um público internacional, por isso sabe que precisa acomodar uma ampla variedade de opções de pagamento e garantir segurança e conformidade ao longo do caminho. Uma opção de pagamento que ele oferece é o Klarna. Klarna é um método de pagamento direto e seguro para lojistas na Áustria, Alemanha e Suécia que oferece várias opções de pagamento para Shopify Payments. Também oferece cartões-presente, descontos para estudantes, Clearpay e Afterpay.

7. Manter

• Categoria: Velas

À primeira vista, você pode pensar que Keap é o site de um fotógrafo ao ar livre. O site de comércio eletrônico tem um design bonito e simples, com forte ênfase em imagens inspiradas na natureza. A Keap vende velas feitas de forma sustentável com aromas inspirados no ar livre. Tem uma página de Abordagem que leva as pessoas aos bastidores, em um vídeo igualmente bem executado, para ver como suas velas são feitas.

Por que Keap converte

A cópia no site da Keap é tão atraente quanto as imagens. O botão principal do CTA na página inicial diz “Iniciar sua jornada de perfume” em vez de algo genérico como “Explorar produtos” ou “Visualizar velas”. A linguagem que ele usa complementa as imagens, acenando para a jornada que os usuários fazem quando visitam o site e veem as belas fotos. Da mesma forma, os usuários pensarão que as velas do Keap os levarão a uma jornada igualmente envolvente – e aqueles que estiverem interessados ​​provavelmente farão uma compra.

8. Harper Wilde

• Categoria: Vestuário íntimo

Harper Wilde usa fontes em negrito para espelhar sua marca marcante, que visa desafiar o status quo vendendo sutiãs para mulheres. Você não encontrará nenhum rosa ou brilho aqui - e em vez de modelos perfeitamente photoshopados, Harper Wilde apresenta seus produtos em mulheres de todas as cores, formas e tamanhos. Ele também possui um guia de medidas on-line para ajudar os compradores a encontrar o melhor tamanho para eles.

Por que Harper Wilde se converte

Harper Wilde é uma marca que não tem medo de se posicionar. Não apenas aproveitou a responsabilidade social corporativa (CSR) como uma tática de branding, mas também aproveitou os eventos atuais como uma ferramenta de conversão. Em resposta às leis de aborto do Texas, lançou um sutiã de edição limitada informando exatamente o que pensa sobre essas leis – e doando para causas que lutam contra essa legislação.

9. Endy

• Categoria: Colchões

Enquanto a maioria das marcas de colchões e relacionadas ao sono joga pelo seguro com sua paleta de cores e design, a Endy parece fazer uma declaração ousada. O e-tailer de colchões do Canadá usa o azul padrão do setor, mas o mistura com um logotipo rosa brilhante, títulos e botões de CTA. Um clique em suas páginas de produtos aproxima os navegadores do produto - GIFs animados, imagens detalhadas de produtos e vídeos mostram os recursos mais impressionantes. Os concorrentes não devem dormir no Endy.

Por que Endy converte

Quase um quarto dos sites de comércio eletrônico têm uma inscrição de e-mail no rodapé, de acordo com os padrões de web design da Orbit Media. Endy é um deles. Um bloco rosa brilhante aparece na parte inferior da página, solicitando que os usuários se inscrevam.

10. Goiaba

• Categoria: Equipamentos para bebês e crianças
• Chamou nossa atenção: TK
• Veredicto final: TK

O site da Guava é impressionantemente envolvente – especialmente surpreendente considerando o fato de que vende apenas três produtos. Fotografia de alta qualidade, design limpo com muito espaço em branco e cópia da Web fácil de ler o tornam um site acessível - particularmente importante para um pai ocupado.

Por que a goiaba se converte

A Guava conhece seus diferenciais e os coloca bem no topo de sua página inicial. Em vez de focar nos recursos, ele destaca o resultado final ou o benefício para os usuários: leve, portátil, dobrável rápido, seguro e durável. Essas são as principais qualidades que a maioria dos pais procura, especialmente em produtos para seus filhos. Além disso, eles prometem frete grátis e devoluções grátis para aliviar qualquer hesitação persistente.

11. Refrigeradores de Bisão

• Categoria: acessórios ao ar livre

O site da Bison Coolers vende caixas de gelo, copos e outros equipamentos para manter sua comida e bebida em perfeitas condições enquanto você aproveita o ar livre. E seu site é tão poderoso quanto seus produtos. Texto de título atraente e voz da marca para combinar, bela fotografia de fundo e design gráfico que mantém o site simples, mas impactante.

Por que o Bison Coolers converte

Os produtos Bison Coolers são fabricados nos EUA - e a marca orgulhosamente divulga isso em seu site. Tem até uma página inteira dedicada ao tema. Cerca de 70% dos entrevistados em uma pesquisa dizem que querem produtos fabricados nos Estados Unidos, e 20% deles estão dispostos a pagar mais por esses produtos. A Bison Coolers aproveita essa oportunidade de conversão inteligente, destacando essa característica de seu produto.

12. Jóias Heráldicas

• Categoria: Jóias

Para a Heraldic Jewelry, a beleza está nos detalhes – tanto para seus produtos quanto para o design do site. Em vez da imagem de banner estática padrão da página inicial, a Heraldic tem uma série de vídeos surpreendentemente filmados que mostram como suas peças artesanais são feitas. E isso é apenas o começo – rolar e clicar no site revelará ainda mais conteúdo “como é feito”, reiterando uma das propostas de valor mais importantes da marca.

Por que as joias heráldicas se convertem

Sim, o site é bonito e, sem dúvida, não é super orientado a conversões. Afinal, não há botão Comprar agora acima da dobra. E os compradores precisam solicitar uma consulta para obter uma cotação para seu design, portanto, não é um processo de compra direto ou simples. Mas alguém comprando uma joia especial – um brasão de família único, nada menos – provavelmente fará um trabalho mais investigativo sobre a qualidade da peça.

13. Café Wunderground

• Categoria: Alimentos e bebidas

Como muitos dos outros melhores designs de sites nesta lista, o Wunderground faz uso de ilustração para incorporar personalidade e diversão em sua marca. O vendedor de café com cogumelo também usa a ilustração para destacar os benefícios de seus produtos e educar os compradores sobre o que exatamente é o café com cogumelo e por que eles devem se importar.

Por que o Wunderground converte

Alguns produtos estão disponíveis a preços com desconto, então o Wunderground mostra a redução nas páginas de coleta de produtos. Essa tática leva os usuários às páginas de produtos para os itens com desconto, pois há uma oferta antecipada no destino.

14. BLANQI

• Categoria: Maternidade e vestuário feminino

A BLANQI vende roupas e acessórios de maternidade em um site muito bem projetado. A simplicidade é fundamental para o BLANQI, pois se concentra em toques sutis de cor, fontes brancas sofisticadas e imagens ampliadas. Embora discreto, a fotografia e o design do site são distintamente BLANQI.

Por que BLANQI converte

A BLANQI conhece seu público, como evidenciado por seu cadastro de e-mail, por exemplo. Aqui, a marca pede aos usuários que forneçam um pouco de informação sobre si mesmos. Em troca, eles receberão conteúdo mais relevante – e a BLANQI tem uma lista de assinantes de e-mail auto-segmentada.

15. Correias deslizantes

• Categoria: Acessórios

A SlideBelts vende – você adivinhou – cintos. E embora à primeira vista possa parecer uma de suas marcas de luxo comuns, uma exploração mais aprofundada revela o contrário. O SlideBelts oferece interatividade em todo o site de diferentes maneiras. Sua seta da página inicial é animada para incentivar os usuários a rolar a página para baixo, e sua página Sobre leva o bolo quando se trata de criatividade.

Por que o SlideBelts converte

O SlideBelts não usa interatividade e gráficos em movimento apenas para ter uma boa aparência. Ele também usa esses recursos para aumentar as conversões. Pop-ups e controles deslizantes destacam o produto, seus recursos e os benefícios para o usuário final. Quem diria que comprar cintos seria tão divertido?

16. Viberg

• Categoria: Calçado

Viberg é uma marca que não se esforça muito. Em vez disso, deixa a qualidade de seus produtos falar. E esse também é o caso quando se trata de sua abordagem ao design do site. Em vez de incorporar CTAs, blocos de conteúdo e experiências interativas em seu site, ele se concentra em imagens ampliadas de produtos que falam por si.

Por que o Viberg converte

À primeira vista, pode ser difícil ver o caminho para a compra. Mas entre cada grande imagem destacada, o Viberg inclui um carrossel de produtos que os usuários podem navegar. Eles alternam entre as belas imagens e os carrosséis orientados ao produto que levam os usuários às páginas do produto. Parece que a Viberg confia que seu usuário médio já tem um certo nível de adesão à marca quando visita o site, então torna o caminho para a compra o mais curto e sem atrito possível – simples, como sua marca e site. A Viberg também usa páginas de produtos para educar ainda mais os usuários.

17. Chaleira e fogo

• Categoria: Alimentos e bebidas

O site da Kettle & Fire torna o caldo de osso emocionante. Acima da dobra, você verá um layout bastante típico de um site de comércio eletrônico. Mas alguns rolagens e cliques depois mostrarão que há muito mais do que isso. Kettle & Fire tem imagens de vegetais – ingredientes-chave em seu produto – flutuando por todo o site. Ele também usa slogans divertidos como “gostoso na barriga” e “aqueça sua alma” para trazer o fator diversão.

Por que o Kettle & Fire converte

Kettle & Fire vende todos os tipos de caldos de osso. O comprador médio pode não conhecer as diferenças, e escolher uma pode ser esmagador o suficiente para enviar as pessoas para fora da página. Mas o Kettle & Fire está preparado - ele tem um teste que os compradores podem fazer para descobrir qual produto de caldo de osso é o certo para eles. Isso também fornece à marca informações importantes sobre as pessoas que visitam seu site, que podem ser usadas para informar as principais decisões de negócios.

18. Terceiro Amor

• Categoria: Vestuário íntimo

ThirdLove vende sutiãs, roupas íntimas e roupas de dormir para mulheres em seu site lindamente projetado. Há um equilíbrio perfeito entre fotografia de estilo de vida e texto, e o design e a cópia são super acessíveis. Uma visita ao “provador” do ThirdLove levará os usuários a um questionário para ajudá-los a encontrar o tamanho e o ajuste corretos. Até os menus de navegação revelam belas imagens quando você passa o mouse sobre eles.

Por que o ThirdLove converte

Embora muitos sites de comércio eletrônico simplesmente tenham uma inscrição por e-mail em troca de um desconto, o ThirdLove ignora o desconto e, em vez disso, especifica o que os assinantes devem esperar. ThirdLove envia e-mails sobre produtos de edição limitada e inclui uma contagem regressiva até o próximo lançamento. Essa abordagem traz alguma urgência e dá aos usuários um incentivo extra para se inscrever.

Aqui estão alguns recursos para informar sua própria estratégia de marketing por e-mail:

• E-mail marketing: o guia definitivo para pequenas empresas
• Os 11 melhores serviços de e-mail marketing classificados
• Práticas recomendadas de email marketing para impulsionar todas as campanhas

19. 3 dezesseis

• Categoria: Vestuário masculino

As fotografias do 3sixteen são tão bonitas que você pode se perguntar se está vendo o portfólio de um fotógrafo ou uma loja virtual de verdade. Este último é o caso desta marca de moda masculina. A bela fotografia do produto é a estrela do design deste site, com muito espaço em branco e um foco claro no produto.

Por que 3 dezesseis convertidos

Embora o 3sixteen possa impulsionar as vendas on-line, o site também pode ser um componente-chave para direcionar o tráfego de pedestres para suas lojas de varejo em Los Angeles e Nova York. E na era do COVID-19, a 3sixteen fez arranjos para permitir uma experiência de compra pessoal mais confortável e segura. Os compradores podem agendar compromissos de 30 minutos, onde eles têm toda a loja para eles. Fale sobre uma experiência memorável.

20. GRANDES

• Categoria: Calçado

A GREATS também permite que suas fotos falem quando se trata do design do site. Em vez de muita interatividade e conteúdo oculto, o GREATS usa uma abordagem direta. A marca claramente aprimorou sua voz, criando uma marca acessível que parece uma amiga. E as imagens mostram os detalhes do produto e fotos de estilo de vida aspiracional.

Por que GREATS converte

Brinde com compra, frete grátis e devoluções grátis – essas são três grandes vantagens de comprar com a GREATS. E a marca não tem medo de lembrar os usuários disso. Essas são ótimas ferramentas de conversão para reduzir a hesitação e mitigar dúvidas em clientes em potencial. Um brinde com uma compra de mais de $ 150 aumenta o valor médio do pedido (AOV), enquanto o frete grátis pode diminuir sua taxa de abandono de carrinho. E as devoluções gratuitas tiram muito do risco da compra para as pessoas.

21. Estúdio arrumado

• Categoria: Produtos de escritório

O Studio Neat fabrica e vende uma pequena coleção de produtos para home office. Está claro que a marca priorizou investir em imagens de produtos de alta qualidade. O tratamento dessas imagens é particularmente interessante no menu suspenso – elas são quase como um ícone ilustrado. No geral, o site é elegante, bonito e simples, assim como os produtos.

Por que o Studio Neat converte

O Studio Neat explora a psicologia por trás da escassez para impulsionar as vendas online. Um clique em “Limitado” na navegação principal leva o usuário a uma página dedicada ao produto de edição limitada atual da marca. Na página, o Studio Neat inclui um elemento chave de conversão: uma contagem regressiva da quantidade restante.

22. OLIPOP

• Categoria: Alimentos e bebidas

O site da OLIPOP é limpo, mas divertido, como seu refrigerante. A marca usa seu site para destacar os ingredientes saudáveis ​​do refrigerante e como ele é melhor do que a maioria das outras bebidas carbonatadas existentes. Cores vivas e uma voz de marca forte, mas acessível, complementam sua fotografia. Com manchetes como “Conheça o esquadrão” e “Somos todos apenas bactérias bebê”, é um site divertido de navegar.

Por que a OLIPOP converte

A OLIPOP vende cartões-presente em seu site - especialmente ideal para a próxima temporada de férias. Além disso, os cartões-presente estão disponíveis digitalmente, o que reduz os custos de atendimento do cartão-presente e também oferece suporte ao comércio sem contato em uma economia COVID-19.

23. Gráfico Pop

• Categoria: Arte

A Pop Chart vende impressões e artes de rascunho, então não é surpresa que a marca centrada no design também coloque muita criatividade no design do site. Pode parecer simples no começo: fontes em negrito com um fundo branco liso permitem que os produtos e a arte sejam o centro das atenções. Passe o mouse sobre um bloco de conteúdo e você verá um pouco de interatividade, pois o bloco aparece em 3D com uma “sombra” colorida atrás dele. Esses toques sutis de diversão tornam o site aparentemente simples muito mais emocionante para se envolver.

Por que o Pop Chart converte

Pop Chart não é apenas um negócio direto ao consumidor. Também vende no atacado. Role para baixo até a parte inferior da página e você verá "Atacado" no rodapé. Um clique rápido leva os usuários a um formulário onde eles podem preencher mais informações para que o Pop Chart possa retornar a eles. Expandir para o atacado é uma excelente maneira de gerar mais vendas e colocar sua marca na frente de novos públicos.

24. Então eu conheci você

• Categoria: Cuidados com a pele

Then I Met You vende produtos para a pele voltados para o combate à acne. O site é simples, mas animado, com fotos e vídeos de produtos de alta qualidade espalhados entre as avaliações dos clientes e uma mensagem da fundadora Charlotte Cho. O site é particularmente fácil de navegar e ler, com texto em negrito em um fundo simples. Embora seja simples, há muitos lugares para clicar e expandir para obter mais conteúdo. O conteúdo gerado pelo usuário (UGC) também traz autenticidade ao site da marca enraizada na comunidade.

Por que então eu conheci você se converte

“Jeong” é um valor coreano enraizado em conexões profundas com a comunidade. Then I Met You visa criar jeong com todos os seus clientes, não apenas por meio de seus produtos, mas também por meio de conexões autênticas com a comunidade. Ele tem uma página inteira em seu site dedicada ao jeong, compartilhando como a marca está envolvida na filantropia e como os clientes podem criar jeong em suas próprias vidas. Promove compras incentivando o compartilhamento por meio de presentes.

25. boa luz beleza

• Categoria: Beleza e cosméticos

Espirituoso, mas discreto, são duas ótimas palavras para descrever a marca e o site da boa luz. Fontes limpas com tons claros levemente suaves, juntamente com uma bela fotografia. Os produtos giram 360 graus na página inicial em GIFs animados, diferenciando o que normalmente são imagens simples.

Por que uma boa luz converte

Se você olhar no canto inferior direito do site da good light, verá um botão Text Us onde você pode esperar uma janela de bate-papo ao vivo. Para mais de três quartos dos consumidores, a mensagem de texto SMS é a maneira mais rápida de entrar em contato com eles. Além disso, as campanhas de SMS têm uma taxa média de abertura de 99%. É também um canal ideal para atingir o público demográfico da boa luz.