Um novo design para a página de produto da sua loja virtual: de capturas de tela a uma página de produto clara em HTML e CSS

Exemplo de resultado

Exemplo do pacote PadrãoVer completo

Novo design da página inicial de uma padaria a partir de uma captura de tela

Antes: a captura de tela que o cliente enviou

Depois: a nova página

Arquivos: um arquivo ZIP com index.html, os estilos e 2 imagens desenhadas para a página, pronto para substituir a página antiga na hospedagem do cliente. As imagens aqui são capturas de tela das páginas.

Cliente: Miller Street Bakery, uma padaria familiar. Tarefa: dar à antiga página inicial um visual novo e moderno, mantendo o nome, o tom marrom acolhedor, o horário de funcionamento e a lista do que eles fazem, com imagens grandes de pães e um botão de pedido bem visível.

O cliente e todos os dados são fictícios.

Sobre este serviço

Uma página de produto precisa vender em uma tela pequena de celular: a foto, o preço, as opções e o botão de compra precisam estar visíveis de uma vez, e as respostas às dúvidas a uma rolagem de distância. Envie capturas de tela da sua página de produto atual e criamos um novo design e a construímos: uma área de galeria clara, nome, preço e opções, benefícios em blocos curtos, uma tabela de especificações legível, informações de entrega e devolução, as avaliações que já estão na sua página e perguntas frequentes, nas suas cores e com o seu logotipo. Fotos de produto nunca são desenhadas: vêm das suas capturas de tela quando nítidas o bastante ou ficam como lugares marcados para os seus originais, e as imagens novas são só para ícones, banners e fundos. Preços, estoque e especificações ficam exatamente como você informar. A página não tem carrinho nem checkout: o botão de compra leva ao link da própria loja.

O que está incluído

• O que você recebeUm arquivo ZIP com a nova página em HTML e CSS, seus estilos e imagens, pronto para subir na sua hospedagem, e uma prévia no computador e no celular na página do pedido. No Premium, três páginas em um só estilo.
• Área de compra à vistaFoto, preço, opções e botão de uma vez
• Especificações legíveisUma tabela que cabe no celular
• Só produtos reaisSuas fotos, nunca desenhadas
• Entrega e devoluçãoSuas condições, bem posicionadas
• Pronta para celular, código limpoHTML e CSS puros

Como funciona

1. 1
   Capturas de telaVocê envia capturas de tela da página de produto e diz o que mudar
2. 2
   RedesenhoCriamos o novo design, desenhamos as imagens e construímos a página
3. 3
   PréviaVocê compara a página nova com a antiga no computador e no celular
4. 4
   ArquivoVocê baixa o arquivo e pede ajustes dentro do seu pacote

O que precisamos de você

Até 5 imagens em PNG, JPEG ou WebP: capturas de tela da sua página de produto, de cima a baixo, e o seu logotipo em um arquivo separado, se quiser. Diga o que um comprador deve ver primeiro, que opções e especificações o produto tem, suas condições de entrega e devolução, quais avaliações podem aparecer, para onde o botão de compra deve levar, o que você não gosta hoje e uma loja de que você gosta como dica de estilo.

Vamos perguntar:

• Qual é a página de produto?
• O que um comprador deve ver primeiro?
• Opções e especificações
• O que você não gosta hoje?
• Para onde o botão de compra leva?

Compare os pacotes

Perguntas e respostas

Não encontrou a resposta? Pergunte