Os quatro pilares做电子商务设计

来自Shopify的电子商务商店设计课程

Tente se lembrar da última vez que você visitou uma电子商务之路

Você se lembra da aparência dela?

基础做设计para电子商务


Aprenda a criar uma loja虚拟irresistível para seus客户端,mesmo sem ter qualquer tipo de experiência com设计e programação。

协助组织网络会议

Provavelmente nao。Mas você certamente guarda na lembrança como se sentiu quando estava navegando pelo site。时代animacao吗?Felicidade吗?Confianca吗?Ou era um sentimento de frustração e confusão, pois o site era muito complicado e você não encontrava as informações que estava tentando buscar?

Isso está conectado ao tema "虚拟设计”。E o design é muito maiis do que a aparência externa de um site: é uma área que leito em contectos important como o funconamento do site, a interação entre as páginas, o讲故事达马卡E, claro,一个experiência de navegação做客户。

Por mais que o设计para电子商务seja chio de tendências走廊,exisstem ao menos quatro pilares que sempre serão relevantes na hora de contrir uma loja虚拟。Mas, antes de começarmos a nossa conversa, eu queria que você buscasse a sua resposta para a questão abaixo:

Qual é o sentimento que a minha loja deve despertar nos clients ?

É uma pergunta important: o营销ob欧宝娱乐app下载地址e o设计de loja虚拟,最终,nada mais são do que recursos pensados para ajudar o客户a sentir alguma coisa durante a interação com a loja: animação, felicidade, empatia…

我有感情,我有智慧,é我有自己的想法equação我有自己的想法。

Hoje, então, nós vamos explorar os quatro pilares做设计para电子商务:confiança, apelo视觉,格式e navegação。

Os quatro pilares做电子商务设计

Confianca

Quando um visitante acessa uma loja virtual pela primeira vez, há grandes机会de que ele não saiba nada清醒的marca ou清醒的qualidade dos produtos;Para piorar a situação, é bem possível que ele também não conheça价值量的计算公式计算比例experiências定制计算。

Uma promoção ou um desconto特别podem até ser bonons recursos para levar esse visitante até a loja, mas sem um sentimento de confiança aquela primeira compra jamais vai acontecer。

Para conquistar a confiança dos seus客户,em潜在,você精确的garantir que o产品,que eles comparem na loja será entregue dentro do prazo que o项目escolhido corresponderá ao produto anunciado。

Dentro do design de loja virtual, isso pode ser traduzido em três indicres de confiança:

Informações de contato

Nada desanima mais um客户em potential做que uma loja在线que não possui informações de contato。Por isso mesmo, é essential inserir um endereço de e-mail e, se possível, um número de teleefone e um endereço físico。Essas informações, assim como uma página " Quem somos ", são elements essenciais para aumentar a confiança do client。

Política de trocas e devoluções

Uma política de trocas e devoluções é outo elemento关键做设计para loja虚拟,pois mostra que a loja está preocupada com a satisfação做客户。Isso, claro, também contribui para aumentar o nível de confiança da loja。

示例设计de loja虚拟达昆虫鞋

Certificacoes tecnicas

操作系统pagamento之门Também são ferramentas importantes para lojas que querem estabelecer uma relação de confiança com OS客户端,já que comprovam que a transação será feita de maneira segura。Se você trabalha com网关conhecidos, não hesite em compartilhar essa informação nos espaços de alta visibilidade da loja - por exemplo, o rodapé。


lembrese: é sempre mais difícil conquistar a confiança dos clients quando a loja ainda está dando seus primeiros passos。Por isso, cabe a você otimizar o site da marca para que esses指标,sejam fato visto pelos visitor。

Apelo视觉

O apelo视觉é um dos元素mais importantes dentro do设计para电子商务,até porque uma pessoa só demora50 milissegundosPara decidir se aquele site é visualmente cativante ou não。E,视觉鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴鹰嘴

Dentro do mundo do电子商务,一个Fotografia de productoé a vitrine da sua loja: como OS客户e访客não podem实验,provar ou tocar no produto antes da comppra, eles precisam recorrer às fotos publicadas no site para decidirem se vão mesmo realizar a comppra。

设计术语,欧盟服装推荐标准,产品设计,组合设计,共同娱乐;Além disso, vala pena tentar criar imagens que大多数o produto sendo utilzado por out pessoas。

作为典范的salve, que utilza práticas推荐de fotografia没有设计para loja虚拟

A escolha do fundo brananco ou de cor bem clara não é à toa: na verdade, é uma das práticas mais estabelecidas dentro da fotografia para电子商务。我有一种与金钱有关的权利,我有一种与金钱有关的权利;Além disso, vale lembrar que um fundo desse estilo é中性,o que pode ajudar o produto a ser aceito por不同的grupos demográficos。

Se você quiser saber mais清醒o tema, vala pena conferir o curso清醒a fotografia de produtos para电子商务que está disponível na Shopify学院。

一个摄影作品é um element关键para as taxas de engajamento, conversão e retenção da loja。

Para além das imagens, no entanto, você também precisa avaliar com cuidado as cores e fontes que serão utilitzadas no site。最后,não adianta nada ter um produto incrível se a estética da loja for estranha ou desagradável: isso só vai fazer com que os clientes desistam de navegar pelo site e, resulentemente, desistam de uma possível comppra。

Em outas palavras: aparência da sua loja virtual afeta diretamente as chance de venda do seu produto。

Pensando concretamente no design de loja virtual, então, é importante destacar que a cor é uma das ferramentas mais poderosas na hora decativara atenção DOS客户端

Eu推荐que você tente limitar o visual da loja a duas cores: uma cor primária e uma cor secundária。Sempre que eu preciso escolher cores para um projeto de design de loja virtual, costume acessar sites como o运球e o99年设计Em busca de inspiração para paleta de cores que vou utilzar。

一个唤起, por exemplo, trabalha com as cores branco e preto para constir um设计干净简约:

Página da Evoke, que utilza apenas duas cores no seu design de loja virtual

outroelemento que merece atenção speciial é a acessibilidade do site: as cores escolhidas, afinal, não podem困难a leitura dos conteúdos do site, caso contrário alguns visitantes simplesmente vão desistir da comppra。

Também é importante ter um cuidado特别na hora de escolher作为fontes que serão utilizadas no seu设计de loja虚拟。Com o rápido desenvolvimento de recursos inovadores para criação de templates e sites, muitos clientes esperam encontrar fontes dialalmente cativantes numa loja virtual - e não aquelas mesmas fontes que eles utilizam diariamente nos email ou em espaços como Word。

lembrese: a fonte escolhida vai ajudar a comunicar os valores da marca e guar a experiência do visitante。

Se a sua loja já está hospedada na Shopify, você pode呼吸器tranquilo: todos os temas disponíveis na nossa天之神Vêm com algumas fontes推荐。Se você quiser, também é possível importar uma fonte externa。

Tal como作为核心,também é uma boa ideia selecionar apenas duas fontes para o design da loja e determinar a hierquia entre elas (qual será utilizada para cabeçalhos e qual será aplicada aos textos mais longos, por exemplo)。Dessa forma, você evita um网站可视化poluído e confuso。

Na hora de selecionar as fontes, tenha em mente que a fonte principal (a que será

Também dá对多样性方式的利用Sobrebarba

Sobrebarba没有虚拟设计的典范

格式(desktop e dispositivos móveis)

2019年终于实现了80%的人做tráfego digitalDaquele ano foi gerado via dispositivos móveis。一个informação é精确的精确的计算程序,计算程序,虚拟,já que infelizmente - itos电子商务,ainda são计算机程序,桌面,e não em celulares e平板。

Se você está constindo uma loja dentro da plataforma da Shopify, não precisa Se preocupar: a sua loja, por padrão, já é " responsiva "。Isso显着的地点,pode de adaptar aos mais diversos dispositivos e tamanhos de tela sem que você精确的ativar uma configuração特别的para Isso。

Para garantir um设计总体响应,无干扰,欧盟建议você测试过程中进行的协调和现场的干扰implementá-lo, Para验证se está干扰的功能。

Navegacao

Por último, o quarto pilar do design para e-commerce: a navegação, o elemento que orienta toda a jornada de comppra do client。É a navegação,最终的,决定客户和访客的结果和产品的实现。

De modo geral, é important destacar que a navegação pode ajudar a melhorar a experiência De compra do cliente, portanto, potencializar os lucros De uma loja。Além disso, ela também pode influciar o tema da loja: se você tem um catálogo grande de produtos, por exemplo, é melhor buscar um tema com um menu capaz de abarcar todos os itens。

Para simplificar o processo, segue abaixo uma pequena lista de itens que podem ser incluídos no menu principal da loja - a escolha final, claro, vai依赖器do seu nicho e dos produtos que você está vendendo。Seja目标与目标的关系seções, pois isso vai影响的关系experiência de navegação:

  • Comprar[子菜单com作为产品分类];
  • 尤其对;
  • 但是vendidos;
  • 市场/销售。

    虚拟设计典范:桑德罗·莫洛斯科尼

    out a idea é incluir链接e recursos adicionais no rodapé do site。为什么exemplo:

    • Política de trocas e devoluções;
    • 术语serviço;
    • Fale是文雅的;
    • 联系para as redes sociais。

    Sinta-se à vontade para rearranjar os links sempre que necessário, especalmente se você感知者que alguns deles não estão sendo acessados pelos visitantes。Se possível, tente approveitar ao máximo o recurso dos子菜单,pois isso ajudará a criar um visual mais clean para o site da loja:

    范例cabeçalho: design para loja virtual da Biossance

    设计de loja虚拟:o básico já faz uma diferença e tanto

    Os quatro pilares do design que prenentei neste post são Os elements básicos para conconir qualquer tipo de电子商务。E falo por experiência própria: eu já trabalhei com diversos tipos de empresas E negócios, de OB欧宝娱乐APPstartups até gigantes do varejo, E esses quatro pilares sempre fizeram parte do projeto。

    Entao lembre-se:

    征服一个confiança do seu客户。哭喊现场视觉激活。给他们consideração对客户的处置建议,就像在天堂一样。E elabore uma experiência simples E intuitiva de navegação。

    Se você quiser saber mais sobre o tema, que tal Se cadastrar no meu curso da Shopify Academy?

    模板图标

    Curso da Shopify学院:Como fazer o design de uma loja virtual

    Stephan Peralta mostra como você pode usar o设计para criar uma marca de sucesso。

    地籍团

    哪种方法适合你?清醒

    Carolina Walliter é escritora, tradutora, intérprete de conferências e editora-chef do blog da Shopify em português do Brasil。

    Post original em inglês: Stephan Peralta

    Tradução e localização: Marcela Lanius

    Você tem dúvidas清醒一个Shopify?

    Entre em contato a nossa中央德阿朱达

    Quer abrir uma loja virtual?