Projeto de cliente · E-commerce

3agübre Fertilizante Orgânico

Para a 3A Gübre ve Tarım, criamos o 3agubre.com, loja virtual que vende fertilizantes orgânicos e organominerais produzidos em Giresun e registrados no Ministério da Agricultura e Florestas da Turquia. As páginas são estáticas; por trás delas funcionam um sistema de cadastro, pontos e cupons, pedidos recorrentes, um painel administrativo completo e um sistema de e-mail. Agentes de IA e login com Google também já estão integrados e entram em funcionamento assim que a chave de API e o Client ID do Google são inseridos no painel.

  • Site estático: HTML, CSS, JavaScript
  • Supabase: PostgreSQL, funções RPC, pg_cron
  • Netlify
  • Resend (e-mail)
  • Claude API: Message Batches e busca na web
  • Google Analytics 4, Google Ads, Merchant Center
  • Login com Google (pronto)
Página inicial da loja
Página inicial da loja
Idiomas
Turco e inglês, tradução para árabe pronta
Pagamento
Pagamento na entrega, transferência bancária
Produtos
8 produtos, líquidos em páginas separadas de 1 / 5 / 20 L
Conteúdo
Central de Conhecimento com 73 artigos

As capturas de tela foram feitas a partir de uma cópia local do site e do painel administrativo; nomes de clientes, pedidos e valores exibidos nos painéis são dados de exemplo.

01

Loja e experiência do cliente

A loja foi criada junto com um localizador de produtos, calculadoras e artigos de orientação, para que agricultores e jardineiros encontrem rapidamente o produto certo.

  • Catálogo de produtos: líquidos vendidos como produtos separados de 1 L, 5 L e 20 L, cada tamanho com sua própria página, imagem e preço
  • Calculadoras: necessidade e custo de fertilizante, calculadora de dosagem / tanque e localizador de produtos; uma calculadora deslizante em todas as páginas
  • Histórias de agricultores: comparação de fotos de antes e depois; os visitantes podem enviar sua própria história, publicada após aprovação
  • Central de Conhecimento: 73 artigos sobre adubação e solo
  • Contas e Minha Conta: Pontos 3A, cupons, roleta de prêmios, pedidos, pedidos recorrentes, catálogo de endereços; cadastro e login com Google prontos (ativados assim que o Client ID é inserido)
  • Contas de agricultor, produtor e atacadista: desconto específico para a conta após a aprovação da solicitação
  • Formulário de solicitação para atacado e revenda
Página de produto
Página de produto
Loja no celular
Loja no celular
02

Fluxo de pagamento e pedido

O carrinho fica no navegador, mas preços, cupons, pontos e descontos são calculados no servidor a cada alteração; o pedido é salvo com o mesmo cálculo e não pode ser alterado pelo navegador.

  • Formas de pagamento: pagamento na entrega e transferência bancária
  • Códigos de cupom, cupons pessoais e pagamento com Pontos 3A; a parcela máxima que pode ser paga com pontos é definida no painel
  • Sugestão para compras em volume: clientes cujo carrinho ultrapassa uma quantidade ou valor definido recebem a oferta de uma conta de agricultor, produtor ou atacadista
  • Pedidos recorrentes: os mesmos produtos são pedidos automaticamente pela manhã, no intervalo escolhido (de semanal a cada três meses)
  • E-mails automáticos: pedido recebido, enviado, entregue, cancelado (opcional: em preparação)
  • Quando um pedido é entregue, são adicionados Pontos 3A e um cupom de agradecimento; em caso de cancelamento, os pontos e cupons usados são devolvidos
Página de checkout
Página de checkout
03

Painel administrativo

O painel foi projetado para que a empresa possa gerenciar o site sem nenhuma programação. As alterações salvas aparecem no site sem precisar de uma nova publicação.

  • Telas: Painel, Relatórios, Produtos, Pedidos, E-mail, Campanhas e Cupons, Clientes, Revendedores, Blog, SEO, Histórias de Agricultores, Design, Avaliações, IA, Configurações
  • Editor de produtos: campos em turco e inglês, pré-visualização ao vivo (página do produto, lista, Google, card para redes sociais) e pontuação de SEO
  • Novos produtos e categorias; a página do produto é criada automaticamente, e os produtos podem ser ocultados ou excluídos de forma reversível
  • Design: um construtor de páginas em que as seções são ordenadas arrastando, os textos são editados no próprio lugar e as imagens são substituídas arrastando e soltando; histórico de desfazer e de publicações
  • Relatórios: rastreamento de visitas sem cookies e sem armazenar dados pessoais, funil de compras, fontes de tráfego, mapa de calor por dia e hora, gráficos de vendas
  • Clientes: aprovação das solicitações de agricultores e atacadistas e definição dos seus descontos
  • Layout ajustado para uso no celular
Painel administrativo
Painel administrativo
Editor de produtos
Editor de produtos
04

Integrações

A integração de e-mail funciona a partir do banco de dados; o login com Google e as integrações de IA também já estão prontas e entram em funcionamento assim que suas chaves são inseridas no painel. As chaves de API ficam em tabelas que ninguém consegue ler.

  • E-mail (Resend): caixa de entrada e enviados no painel, respostas, anexos, PDF; os textos dos e-mails automáticos são editados e testados no painel
  • Lista de e-mails: inscrição com confirmação dupla, campanhas com seleção de público, e-mails de calendário sazonal por cultura, lembretes de temporada, exportação para o İYS
  • IA (Claude API): agentes de tradução para árabe, blog de notícias (temas atuais encontrados com busca na web) e auditoria do site; as tarefas são enviadas em lotes, o custo de cada tarefa é calculado e cada agente tem um orçamento mensal; já integrados, começam a funcionar assim que a chave de API da Anthropic é inserida no painel
  • Cadastro e login com Google prontos: assim que o Client ID é inserido no painel, o botão aparece em Minha Conta; o token de identidade é verificado no servidor
  • O Google Analytics 4 só é carregado para visitantes que aceitam cookies; o rastreamento de conversões do Google Ads está pronto e começa assim que seu ID é inserido no painel; uma lista de produtos para o Merchant Center é gerada pelo painel
  • Mensagem por e-mail ou WhatsApp para o cliente com um toque, a partir de cada card de pedido
Tela de pedidos
Tela de pedidos
05

Marketing e SEO

A forma como cada página do site aparece no Google é monitorada e corrigida pelo painel; conteúdos e campanhas são gerenciados no mesmo lugar.

  • Tela de SEO: pré-visualização no Google e pontuação para páginas principais, categorias, produtos e posts do blog; títulos e descrições são editados em turco e inglês
  • Palavra-chave principal e pontuação de SEO para cada produto; nomes de produtos longos com as palavras-chave mais buscadas
  • Quando o agente de blog de notícias é ativado, os posts dele entram na lista do blog e o sitemap do blog é atualizado
  • As páginas em inglês são geradas a partir das páginas em turco com um dicionário de tradução
  • Códigos de campanha, cupons automáticos de boas-vindas e de agradecimento, 3A Points e regras da roleta de prêmios
  • Os links de e-mail levam uma tag de origem, então as visitas vindas do e-mail aparecem separadas nos relatórios
Tela de SEO
Tela de SEO

Planejando um projeto parecido?

Conte o que você precisa; vamos definir juntos o escopo, o prazo e o custo. A primeira consultoria é gratuita.

Fale sobre o seu projeto