Contexto
A Editora Memnon enfrentava desafios significativos com seu antigo e-commerce. Construído em WordPress, o sistema não permitia um gerenciamento eficiente de estoque e produtos, operava com duas plataformas separadas, causando complexidade administrativa, e sofria com problemas no rastreamento de envios.
Era necessário um redesenho completo para incluir novas categorias, como cursos online, e melhorar o gerenciamento de estoque, cadastro de produtos, controle de cupons e ofertas, entre outros recursos.
Desafio/Planejamento
O planejamento partiu da necessidade de unificar e otimizar a gestão do e-commerce para facilitar o controle de produtos, incluir novas categorias e aprimorar a experiência do usuário, desde o cadastro até o pós-venda.
A complexidade das integrações, segurança e performance foram os principais desafios nessa etapa inicial de planejamento do projeto.
Solução Implementada
O projeto de desenvolvimento envolveu a reconstrução do e-commerce da Editora Memnon, incluindo a criação de um dashboard administrativo completo, utilizando a plataforma Bubble.io como base para o desenvolvimento.
Interface
O novo layout utiliza as cores básicas da marca – azul e amarelo – e apresenta uma organização visual mais limpa e moderna. Botões e links ganharam mais destaque, com um menu simplificado, e as categorias, melhor organizadas, diminuem o tempo de busca e melhoram a experiência de compra.
Performance
Com foco na experiência do usuário, adotamos as melhores práticas no desenvolvimento no Bubble para otimizar o carregamento das páginas.
A página de livros, uma das mais acessadas, exibe a lista de produtos a partir de uma tabela ampla, com cerca de 40 campos.
Para evitar o carregamento constante de tantos dados a cada acesso de um usuário, adotamos a abordagem do Data API, uma forma avançada que o Bubble permite consultar, via um endpoint interno, uma tabela do próprio projeto, com a possibilidade de ignorar campos que não serão usados na consulta.
Mais informações sobre o uso do Data API no Bubble.
Integrações
A plataforma Memnon reúne um conjunto variado de integrações necessárias para otimização, segurança e ganho de escala nas operações diárias do e-commerce.
Gestão de Arquivos: Integração com a plataforma Box para gerenciamento dos arquivos.
Pagamentos: Checkout transparente com o gateway Asaas Pagamentos.
Proteção de Conteúdo: PDF.co para proteger os documentos digitais (PDF).
Gestão de Vídeos: Panda vídeos para hospedagem e segurança dos vídeos usados nos cursos online.
Gestão Fiscal: Focus Nota Fiscal para emissão de notas fiscais eletrônicas de produtos e serviços.
Tarifas e Etiquetas dos Correios: Utilizamos a empresa parceira dos Correios, Vipp, para geração das etiquetas e tarifas dos pedidos.
Email Transacional: Brevo email para envio de emails transacionais (boas-vindas, pedido realizado, pedido pago, código de rastreio).
Análise e Monitoramento: Google Tag Manager e Microsoft Claritypara análise detalhada do comportamento do usuário e otimização do site.
Gráficos: Exibição de dados através da biblioteca gratuita Apex Charts.
Nas próximas seções confira em mais detalhes como essas integrações são utilizadas na plataforma Memnon.
Automação 1: Pagamento, Proteção dos eBooks e Emissão da Nota Fiscal
Confiamos nos fluxos de workflow no ambiente de backend do Bubble para assegurar melhor performance e segurança nas várias ações realizadas após a confirmação de pagamento.
A plataforma de pagamento Asaas envia um webhook (resposta automática da plataforma a partir de um evento ocorrido), neste caso, o evento é a confirmação de pagamento.
A partir do recebimento do webhook, são realizadas diferentes ações: 1 – Envio de email transacional (Brevo); 2 – Proteção dos eBooks com senha (PDF.co). A senha é aplicada de forma dinâmica, usando o CPF do cliente; 3 – Emissão de NF (Focus) conforme o tipo da compra. Para livros e eBooks, nota fiscal de produto; para cursos, nota fiscal de serviço.
Nos tópicos a seguir, compartilho mais detalhes de cada integração.
Checkout Transparente para Pagamentos
Contar com uma integração completa para pagamentos não só melhora a experiência do usuário, com opções de pagamento versáteis e seguras, mas também reduz significativamente o tempo gasto com administração financeira, permitindo que o foco seja direcionado ao crescimento do negócio.
A escolha da integração com Asaas fez todo sentido na plataforma Memnon, oferecendo opções de pagamento avulso e assinatura.
Fluxo de pagamento com a plataforma Asaas (vídeo)
DRM (Digital Rights Management) – A Guardiã do Conteúdo
Em e-commerces e marketplaces, especialmente aqueles que lidam com conteúdo digital (e-books, cursos, músicas), o desafio é proteger esse conteúdo contra a pirataria sem comprometer a experiência do usuário.
A integração de um sistema DRM robusto, conforme aplicado pela DualPixel na plataforma Memnon, assegura não só a proteção do conteúdo, como também os direitos autorais, valorizando o produto e garantindo que os usuários tenham acesso legítimo e seguro ao material adquirido.
Confira a integração com DRM para PDF, na prática (vídeo)
NF Serviço e Produto – Solução Fiscal Completa
A DualPixel utilizou o serviço da FocusNFe para automatizar todo o fluxo de emissão de NFe na plataforma Memnon, seja para venda de produtos (livros digitais e impressos) ou serviços (cursos online e presenciais).
Essa integração assegurou a conformidade com as normas fiscais e garantiu mais agilidade e controle no processo de venda, melhorando a satisfação do cliente e a eficiência operacional.
Nota fiscal de produto e serviço com a plataforma Focus (vídeo)
Automação 2: Etiquetas dos Correios, Gestão do Estoque e Logs de Suporte
Uma segunda parte da automação ocorre após a emissão da nota fiscal. Assim como no caso do webhook de pagamento com Asaas, a plataforma Focus, responsável pela emissão das notas fiscais, envia um webhook de confirmação a cada nota emitida.
Várias ações acontecem após a emissão de uma nota fiscal. Na imagem acima, destaca-se a integração com a plataforma Vipp, que cria a etiqueta dos Correios com todos os dados necessários: informação do pedido, destinatário, nota fiscal, entre outros.
O controle de estoque é uma parte importante com dois ambientes distintos: venda pelo site e venda por distribuidores. Por fim, um controle interno de logs para monitoramento de conflitos e possíveis erros que ocorrem durante as integrações.
Detalhe do Admin com painel dedicado ao suporte de nota fiscal, exibindo detalhes dos pedidos com algum tipo de erro durante a emissão da nota. O reenvio do pedido pode ser realizado diretamente pelo Admin, permitindo total autonomia a equipe da plataforma Memnon
Visualização de Dados
Em diferentes partes da plataforma, há a necessidade de exibição de gráficos. Após alguns testes com diferentes bibliotecas de gráficos, a escolha ficou pela Apex Charts, por ser open-source e apresentar um leque variado de gráficos, com total controle para personalização.
Resultados
O novo e-commerce permite uma gestão eficiente e centralizada, com uma interface amigável e recursos para vendas de produtos físicos, digitais e cursos.
A capacidade de gerenciar cupons e ofertas, a proteção avançada de arquivos, a emissão integrada de notas fiscais e a geração automática das etiquetas dos Correios simplificaram o fluxo dessas operações, que antes eram manuais e propensas a erros.
Conclusão
A transformação digital da Editora Memnon ilustra como a tecnologia e um parceiro de desenvolvimento adequado podem revolucionar negócios tradicionais, proporcionando escalabilidade e melhor experiência ao usuário.
A DualPixel provou ser esse parceiro, trazendo confiabilidade e automação para o projeto.
Receber o retorno positivo e superar as expectativas dos nossos clientes é o que nos move para uma melhoria contínua a cada projeto.
A plataforma Memnon foi publicada em outubro de 2023 e já soma mais de 10 mil usuários cadastrados.
Depoimento
“Nossa experiência com a DualPixel nos devolveu o prazer e a satisfação de contar com competência e excelência técnica, além de um suporte incansável. Há tempos já não encontrávamos essa qualidade de atendimento em todos os níveis. Na construção de nosso novo e-commerce em plataforma diferenciada, apesar de todas as minúcias envolvidas, a agilidade e o compromisso desse profissional foram sempre um show ímpar de profissionalismo.” — Silvana Santos, Editora, Memnon
Artigo escrito por Felipe Santos, sócio-proprietário da Dualpixel.
