E-commerce › Case

Bela Ateliê

De um template genérico a uma operação de e-commerce completa, integrada e com identidade própria.

ClienteBela Ateliê, Jalecos & Scrubs
SetorVestuário profissional / saúde
EscopoEstratégia · UX/UI · Dev · Integração · Conteúdo
PlataformaShopify + Yampi + Olist

00 · Sumário executivo

Não era trocar o layout. Era construir a operação.

A Bela Ateliê chegou à Mó Digital com uma loja que, após meses de desenvolvimento, ainda funcionava como um template: bonita por fora, genérica por dentro e comercialmente frágil.

Reconstruímos a loja com uma camada de componentes proprietários e a tratamos como aquilo que ela precisava ser, um sistema de vendas: arquitetura de informação, jornada de compra, integrações de ERP e checkout, regras comerciais, conteúdo e preparação para busca tradicional e generativa.

1

plataforma reconstruída do zero, com arquitetura própria

23+

coleções e taxonomia de tags estruturando o catálogo

3

sistemas integrados: loja, checkout e ERP/logística

30+

componentes e regras próprias criados sob medida

A operação, em telas

Uma vitrine que abre como campanha de moda.

Home da loja Bela Ateliê, hero editorial e linha clássica de jalecos
Home · abertura editorial com coleção em destaque
Loja Bela Ateliê no mobile, layout fluido e responsivo
Mobile · layout fluido, validado de 390 a 2560 px

01 · Diagnóstico inicial

O cenário encontrado.

Antes de propor qualquer solução, mapeamos a operação inteira, vitrine, catálogo, checkout, ERP e os pontos de atrito da jornada. O diagnóstico revelou uma loja que existia, mas não vendia com a força da marca.

01

Plataforma presa a um template

Cada ajuste esbarrava nos limites da base, sem margem real para customização, diferenciação ou crescimento.

02

Experiência de compra genérica

PDP padrão de template: sem prova social, sem respostas às dúvidas reais, sem personalização, sem hierarquia.

03

Catálogo sem arquitetura

Produtos sem taxonomia consistente, coleções despublicadas (links quebrados no menu), gênero e linha sem padrão.

04

ERP e logística mal configurados

A integração com o ERP e a emissão de etiqueta não refletiam a operação real; duplicidades e cadastros inconsistentes.

05

Checkout sem estratégia comercial

Sem regras promocionais, sem incentivo a Pix, sem lógica de ticket médio, o cupom sequer chegava ao gateway.

06

Ausência de identidade digital

Tipografia, composição e ritmo eram os do template. Nada dizia “Bela Ateliê”.

03 · Estratégia

Como reconstruímos a operação.

Organizada em frentes que se sustentam: primeiro a fundação e a arquitetura; depois a jornada e a página de produto; então as regras comerciais e as integrações; por fim, conteúdo, SEO e preparação para IA. Cada decisão respondeu a um problema real do diagnóstico.

Fundação & arquitetura

  • Reconstrução sobre base sólida com camada de componentes proprietários, destravando customização sem depender do template.
  • Taxonomia de catálogo por Tipo, Gênero, Cor, Linha, Manga e Profissão.
  • Coleções inteligentes (smart collections) publicadas nos canais corretos.
  • Menu de três níveis com megamenu ilustrado.

Jornada & página de produto

  • PDP reconstruída com hierarquia deliberada: mídia, preço, parcelamento e Pix, prova social, FAQ.
  • Personalização de bordado nativa na página, tipos, upload, local e preço dinâmico.
  • Compre Junto, tabela de medidas, galerias e vídeos integrados à decisão.
  • Componente de modal reutilizável (“Faça uma pergunta” e “Avise-me”).

Comercial & integrações

  • Regras promocionais: desconto progressivo (3 peças = 10%) e incentivo ao Pix.
  • Checkout Yampi + Appmax (Pix, cartão, boleto) em domínio próprio.
  • ERP Olist e Melhor Envio integrados para pedido, estoque e etiqueta.
  • Loja do Instagram e pixels do Google e Meta.

Conteúdo, SEO & IA

  • FAQs estruturadas por tipo de produto com dados estruturados (schema).
  • Páginas institucionais organizadas e com hierarquia.
  • Copy real da marca, posicionamento e contexto que geram autoridade.
  • Arquitetura semântica pensada para o Google e para a busca generativa (GEO/AIO).

08 · Diferenciais criados

As soluções que não existiam.

Funcionalidades desenhadas e construídas sob medida, das grandes reestruturações aos detalhes que sustentam a percepção de qualidade.

01

PDP reconstruída

Do template padrão a uma página com hierarquia, prova, confiança e conversão.

02

Modal reutilizável

Componente de duas colunas que serve “Faça uma pergunta”, “Avise-me” e futuros formulários.

03

“Faça uma pergunta” híbrido

Envia a dúvida por e-mail e conduz ao WhatsApp com produto e mensagem prontos.

04

Personalização de bordado

Tipos, local, upload e preço dinâmico somados ao pedido como produto auxiliar.

05

Compre Junto

Recomendação de peças complementares para elevar o ticket.

06

FAQ dinâmica (GEO)

Perguntas por tipo de produto, com dados estruturados para busca tradicional e IA.

07

Top Bar inteligente

Rotação de mensagens comerciais com a promoção sempre visível.

08

Home editorial

Uma vitrine que abre como campanha de moda, com ritmo e composição próprios.

09

Carrinho & regras

Desconto progressivo e incentivo ao Pix coerentes com o checkout externo.

10

WhatsApp flutuante

Canal direto de atendimento, presente em toda a navegação.

11

Barra de consentimento

Consent Mode ativo, a loja pronta para campanhas de tráfego pago.

12

Reels compráveis

Vitrine de vídeos na Home conectando a presença social ao produto.

13

Loja do Instagram

Catálogo comprável no Instagram e rastreamento com consentimento.

14

Megamenu ilustrado

Navegação que apresenta o catálogo com fotos, não apenas listas.

09 · Problema · Solução · Benefício

A lógica por trás de cada decisão.

Nenhuma funcionalidade foi criada por moda. Cada uma responde a uma alavanca de negócio, do sintoma encontrado ao valor entregue.

Problema

Loja presa a um template padrão.

Solução

Reconstrução com camada de componentes própria.

Benefício

Independência técnica e liberdade de evoluir.

Problema

PDP genérica, sem respostas nem prova.

Solução

PDP reconstruída com hierarquia, FAQ, prova e confiança.

Benefício

Mais confiança, menos atrito, mais conversão.

Problema

Compra unitária, sem alavanca de ticket.

Solução

Compre Junto + desconto progressivo + Top Bar.

Benefício

Ticket médio estruturalmente maior.

Problema

ERP e logística inconsistentes.

Solução

Integração Olist + Melhor Envio + checkout Yampi/Appmax.

Benefício

Back-office confiável e escalável.

10 · Linha do tempo

Como o projeto evoluiu.

Uma sequência de fases encadeadas, cada uma validada antes de abrir a próxima.

Fase 01 · Diagnóstico

Auditoria da loja e da operação

Mapeamento de vitrine, catálogo, checkout e ERP; identificação de riscos e pontos de atrito.

Fase 02 · Fundação

Nova base e arquitetura de informação

Reconstrução da base, taxonomia de catálogo, coleções inteligentes e menu ilustrado.

Fase 03 · Experiência

Home editorial e PDP reconstruída

Direção de arte própria, personalização, prova social, FAQ, medidas e componentes reutilizáveis.

Fase 04 · Comercial

Regras, checkout e integrações

Desconto progressivo, Pix, Yampi + Appmax, Olist e Melhor Envio; carrinho e Top Bar como conversão.

Fase 05 · Conteúdo & canais

SEO, GEO, institucionais e atendimento

FAQs estruturadas, WhatsApp, consentimento e preparação para tráfego pago.

Fase 06 · Go-live

Publicação e ambiente de evolução

Tema publicado com aprovação do cliente e cópia de desenvolvimento para testes futuros seguros.

11 · Resultado

A loja deixou de ser um template. Passou a ser uma operação de e-commerce completa.

O que antes era uma vitrine genérica tornou-se um sistema: identidade própria na frente, integrações e regras comerciais no meio, ERP e logística no fundo. Cada camada foi desenhada para sustentar as próximas, a marca pode crescer em catálogo, tráfego e canais sem reconstruir a fundação.

Credibilidade · Valor percebido · Experiência · Conversão · Escalabilidade

Faz parte de

Desenvolvimento de E-commerce →

Lojas Shopify e WooCommerce construídas como operação de vendas, do catálogo ao checkout.