Pular para o conteúdo
Matheus Fortunato Fale comigo
Todos os projetos

Loja virtual

Priscilla Reis Ateliê de Flores

O catálogo do WhatsApp virou uma loja virtual completa, sem perder o atendimento pessoal.

Cliente
Priscilla Reis, Ateliê de Flores
Cidade
Goianésia, GO
Meu papel
Projeto completo, do visual ao pagamento
Página inicial da loja Priscilla Reis no computador, com o título “Emocione e surpreenda quem você ama!” e a foto de um buquê de lírios cor-de-rosa.
Catálogo da loja no celular, com categorias em carrossel, filtros e os primeiros produtos.
Pix e cartão
Catálogo por categorias

O desafio

A floricultura mostrava os produtos pelo catálogo do WhatsApp Business. A ideia era transformar esse catálogo em uma compra organizada, com as fotos reais dos arranjos, e dar à Priscilla autonomia para atualizar o site sozinha.

A solução

Criei uma loja com a identidade do ateliê: catálogo logo na abertura, personalização do presente com mensagem no cartão, escolha da data de entrega e pagamento por Pix ou cartão. Casamentos, eventos e assinaturas continuam pelo WhatsApp.

Telas

Por dentro do projeto

01Página do produto com foto, descrição e preço.ToqueClique para ampliar
02Personalização do presente, com complementos e mensagem do cartão.ToqueClique para ampliar
03Checkout com os dados de quem compra e de quem recebe.ToqueClique para ampliar

No celular

Deslize para o lado e toque em uma tela para ampliar.Clique em uma tela para ampliar.

Identidade visual

As cores do ateliê

A paleta vem da logomarca e da fachada da loja: base marfim, verde profundo e detalhes em preto e dourado.

Detalhes

O que faz diferença

  1. Preço conferido no servidor

    Na hora de pagar, o servidor recalcula produtos, complementos e entrega com os preços do catálogo. O pedido só é confirmado depois que a operadora confirma o pagamento.

  2. Complementos cadastrados uma vez

    Chocolates e biscoitos ficam em listas centrais. Ao editar um presente, a Priscilla só escolhe quais grupos podem acompanhá-lo.

  3. Compra sem cadastro

    Quem presenteia informa os dados de entrega, escreve a mensagem do cartão e paga por Pix ou cartão no ambiente da InfinitePay.

Ferramentas usadas

  • Biblioteca para montar interfaces em partes reutilizáveis.
  • JavaScript com tipos, que evita erros antes de o site ir ao ar.
  • Kit de estilos para desenhar telas com rapidez e consistência.
  • Banco de dados na nuvem da Cloudflare.
  • Armazenamento de arquivos e imagens na nuvem da Cloudflare.
  • Pagamentos por Pix e cartão.

Contato

Vamos conversar sobre o seu projeto?

Conte em poucas palavras o que você precisa. A mensagem já sai pronta para o WhatsApp ou para o e-mail.

Tipo de projeto
Enviar pelo WhatsApp