Hamadrias - Desafio eCommerce

Desafio eCommerce, dia 6: Reestruturando o site TODO!

Como vocês viram o eCommerce começou com um cara bem simples, basicamente instalei o tema StoreFront do WooCommerce e sem muitas modificações coloquei a lojinha no ar!

O que acabava dando a impressão na home que o site estava vazio, o que algumas pessoas comentaram comigo.

Resolvi instalar outro tema e escolhi o Flatsome, que é um tema bem bonito que já tinha utilizado em outros projetos.

Transformando a página principal da loja

Na nova página principal várias coisas foram feitas.

Dobradurinhas - Home Antiga
Dobradurinhas – Home Antiga
Dobradurinhas - Home Nova
Dobradurinhas – Home Nova

Adicionei esses 3 produtos principais em uma espécie de banner que eu achei que ficou MUITO bom, dá destaque a alguns produtos, é clicável e faltava isso na home antiga.

Coloquei em destaque também na home os 3 “benefícios” principais da loja que são frete grátis pra qualquer compra, que cada pacote vai com 3 dobradurinhas e que elas são “amáveis”.

Esse “amáveis” eu coloquei por que não consegui pensar em outro benefício, devo mudar ele no futuro.

Coloquei também uma seção de destaque com as últimas dobradurinhas, a pessoa claro pode entrar na loja e ver mas acho que deixar isso fixo na home é interessante.

Coloquei as imagens vindas do Instagram, achei que inicialmente ficou um pouco repetitivo, mas não sei se tiro e deixo a home super enxuta ou se coloco outra coisa…

Na home também um destaque para os pequenos ícones sociais lá em cima que no site antigo não existiam em lugar nenhum.

Além de que agora eu também categorizei as dobradurinhas e separei os menus.

O menu “de contato” foi lá pra cima e o meu “de produtos” ficou como sendo o menu principal.

Redesign da Página de Produto

A página da dobradurinha mudou bastante também.

Dobradurinhas - Página de Produto Antiga
Dobradurinhas – Página de Produto Antiga
Dobradurinhas - Página de Produto Nova
Dobradurinhas – Página de Produto Nova

Na nova página de produto a imagem do produto tem maior destaque, além de também dar destaque as outras imagens do produto.

Também adicionei nas imagens de cada produto uma que demostre o tamanho do produto, cada dobradurinha agora tem uma imagem ao lado de um vidro de cola pra se ter uma noção melhor do tamanho delas.

Os botões de compartilhamento sociais foram diminuídos, já que eles não são importantes nessa página e deixou em cinza, já que eles tem uma função mais secundária.

O que faltou aqui acho foi adicionar uma sidebar e continuar destacando o frete grátis e que cada pacote vem com 3, faria isso futuramente.

Blog ELIMINADO!

Decidi eliminar o blog, a ideia era ter uma postagem para cada lançamento de dobradurinha ou de coleção de dobradurinha e etc, mas acho que isso acaba não fazendo sentido, por que a maioria das pessoas vem das redes sociais então o caminho seria o seguinte:

Redes Sociais > Post no Blog > Produto > Carrinho > Finalizar Compra

Mas nas próprias redes sociais eu já acabo falando sobre o produto então vejo que não precisa do blog pra reafirmar isso então removi essa etapa, agora o processo ficou.

Redes Sociais > Produto > Carrinho > Finalizar Compra

Isso provavelmente vai aumentar as conversões na loja.

Fica aí uma imagem póstuma de como era o blog antigo.

Dobradurinhas - Blog Antigo
Dobradurinhas – Blog Antigo

Novo Carrinho

O novo carrinho está um pouco mais estilizado e já iniciando o processo de compra os menus começam a desaparecer mais, isso é algo que também vai melhorar a conversão na loja.

Dobradurinhas - Carrinho Antigo
Dobradurinhas – Carrinho Antigo
Dobradurinhas - Carrinho Novo
Dobradurinhas – Carrinho Novo

Finalização de Compra

A finalização de compra eu acho que realmente ficou melhorada, antes ela parecia ter 4 colunas e agora só tem 3.

Dobradurinhas - Finalizar Compra Antigo
Dobradurinhas – Finalizar Compra Antigo
Dobradurinhas - Finalizar Compra Novo
Dobradurinhas – Finalizar Compra Novo

 

O plugin do PagSeguro deu alguns problemas com o Flatsome e ficou horrível, acabei colocando a mão no CSS pra dar uma melhorada, removi a ideia de duas colunas que ele tinha e deixei apenas uma o que vai acabar facilitando o processo de finalizar compra.

Ainda ficou um errinho quanto a disposição da label do campo email, que está sobreponto o layout, mas logo mais arrumo isso.

E aí, o que acharam do novo layout? Várias mudanças aí pra melhorar a conversão e a marca da loja, diz aí o que achou e o que ainda dá pra melhorar!

2 comentários em “Desafio eCommerce, dia 6: Reestruturando o site TODO!”

  1. Ficou bem melhor com essa tema, estou acompanhando e realmente achava que o layout anterior era péssimo, mas como o projeto estava em estágio inicial imaginei que logo iria mudar.

    1. Sim, Nickollas, o layout inicial era só pra já colocar algo no ar, não era o mais importante naquele momento.

      Valeu pelo comentário!

Deixe uma resposta

You have to agree to the comment policy.