Bracci · Redesign 2026 · Revisão após a reunião · v3

O que a reunião pediu,
já funcionando.

Terceira versão do design system, enxuta de propósito. Só o que foi alinhado com a Bruna e o Beto: coleção simplificada, página de venda em duas experiências, home com slider e as alternativas ao pop-up de captura. Tudo navegável, com os produtos, fotos e preços reais da loja.

Base
Ata da reunião de apresentação
Dado usado
110 misturadores de banheiro, catálogo real
Versões anteriores
v1 e v2 continuam nos links originais
Decisão pendente
Beto aprova ou devolve ajustes

01Ata, ponto a ponto

Cada item alinhado na reunião, onde ele está atendido neste documento e o que ainda depende de decisão.

Item da ataOnde verSituação
Identidade minimalista, "menos é mais", sem descaracterizar a marcaTodas as telasMantido. Outfit, branco, grafite e o bronze só onde tem função.
Header no desenho do site atual: uma faixa, transparente com desfoque sobre o banner, SHOP com mega menuTodas as telasFeito. Mesma estrutura de hoje (Shop, Sobre, Contato, Blog, Indique e ganhe, Catálogo, showrooms e ícones), com o desfoque e a tipografia refinados. Fica sólido ao rolar.
Banner com setas finas, sem fundo e sem marcadoresTela HomeFeito. Só as duas setas, como na referência.
Sem bloco de avaliaçõesPDP e HomeFeito. Estrelas, acordeão de avaliações e depoimentos retirados.
Home com banner principal em slider automático e clicávelTela Home, topoFeito. Três banners, troca a cada 5 segundos, o slide inteiro abre a coleção.
Ajustes nas seções de produtos, promoções, lançamentos, blog e Bracci na Vida RealTela HomeFeito. Mais vendidos, promoções e blog saíram da home. Ficaram Lançamentos e Vida Real.
Acabamentos com esferas realistasHome, coleção, card e PDPFeito. A mesma esfera em quatro tamanhos, do filtro ao card.
Esferas filtradas por produto, só os acabamentos disponíveis para cada modeloCard da coleção e PDPFeito. Cada card mostra só as cores que aquele modelo tem. O filtro do topo mostra só as cores que existem na coleção.
Coleção agrupada por modelo, com as variações de cor no cardTela ColeçãoFeito com dado real: os 110 produtos de misturadores viram 24 cards. A regra sai do prefixo do SKU, sem recadastrar nada.
Filtros no topo, por acabamento e referênciaTela ColeçãoFeito. Sem barra lateral.
PDP: botão de compra na primeira dobraTela Página de venda, modo MobileFeito. Preço, acabamento e botão antes de qualquer rolagem.
PDP: esferas para escolher o acabamentoTela Página de vendaFeito.
PDP: informações técnicas e documentos em acordeõesTela Página de vendaFeito. As abas da versão anterior viraram acordeões, no desktop e no mobile.
PDP: botão de compra fixo durante a navegaçãoTela Página de venda, modo MobileFeito. Barra fixa no rodapé com foto, preço e botão. No desktop o bloco de compra acompanha a rolagem.
PDP: experiências específicas para desktop e mobileTela Página de venda, botões Desktop e MobileFeito. Mobile é a aprovada na reunião. Desktop é a proposta nova: galeria grande, acordeões abaixo dela, compra fixa à direita.
Caixa de destaque do preço, que o cliente gosta no site atualTela Página de vendaMantida, no mesmo cinza do site atual (#F2F2F2), com o preço à vista, o desconto do pix em verde e o parcelamento. O mesmo cinza vale para todas as faixas de fundo.
Diferenciais do produto por metacampo, com ícones, como no site atualTela Página de venda, abaixo da galeriaFeito. Cada produto traz sua própria lista (garantia, PVD, cartucho, instalação). Na loja vem de um metacampo de lista editável no admin, sem mexer no tema.
Pop-up de captura mantido, avaliar alternativa com menos atritoSeção 03Três alternativas comparadas, com proposta de teste lado a lado.
Uma decisão de catálogo que a ata deixou aberta: dentro da coleção, os modelos continuam agrupados por linha (St Claire, Vercci, Aria). Foi o que resolveu os chamados de agosto e é como a vitrine já é lida. Se a Bracci preferir uma grade única de modelos, é só desligar as seções.

02As telas revisadas

As quatro telas com o que a ata pediu, funcionando com os 110 misturadores reais da loja. Use as abas para trocar de tela e os botões Desktop, Mobile e Tela cheia para trocar o formato.

www.bracci.com.br

Encontre produtos por acabamento

5 anosde garantia total
7 showroomspara ver antes de comprar
Até 8xsem juros no cartão
Assessoria técnicana escolha e na instalação

Categorias

Comece pelo que você precisa

Lançamentos

Chegaram agora

Banheiro com metais da linha Aria

Linha em destaque

Aria

Projetos

Bracci na vida real

Obras entregues com produtos Bracci. Marque @bracci para aparecer aqui.

Newsletter

Lançamentos e ofertas

Um e-mail por mês, com o que entrou no catálogo e o que está em oferta.

03Captura de carrinho: alternativas ao pop-up

O pop-up fica no ar neste primeiro momento, como combinado. Aqui estão três formas de manter a captura de contato com menos atrito, para escolher e testar contra o atual.

AlternativaComo funcionaAtritoO que ganha além da captura
1. Pop-up só depois de intençãoO mesmo pop-up, mas só aparece na segunda página vista ou depois de 40% de rolagem, uma vez por sessão. Nunca na chegada.BaixoSome para quem veio de anúncio e ia sair em 5 segundos, que é quem mais fecha a janela.
2. Captura dentro do carrinhoNo drawer do carrinho: "quer receber este carrinho no WhatsApp?". A pessoa dá o contato porque ganha algo.Muito baixoResolve de graça o "continuar no celular" que a Bratt perguntou. Contato de quem já demonstrou intenção de compra.
3. Barra discreta no rodapéFaixa fina fixa no rodapé com campo de e-mail ou WhatsApp, sem bloquear a tela. Fecha com um toque e não volta na sessão.BaixoPresente em toda a navegação sem interromper nada.

Como decidir sem opinião

Rodar o pop-up atual e a alternativa escolhida lado a lado por duas semanas, metade do tráfego em cada, e comparar duas linhas: contatos capturados por 100 visitas e taxa de conversão da visita. Se a alternativa capturar um pouco menos mas converter mais, ela paga a diferença. Para montar o teste precisamos saber qual ferramenta faz a captura hoje e a taxa atual dela.

Recomendação: começar pela alternativa 2. É a única que captura quem já tem intenção de compra, e é a que entrega valor de volta para o cliente.

04Próximos passos

QuemO que
BracciBruna apresenta este material ao Beto e devolve aprovação ou ajustes.
BracciConfirmar se a coleção mantém as linhas como seções ou vira grade única de modelos.
BracciInformar qual ferramenta faz a captura de carrinho hoje e a taxa atual, para montar o teste.
VexCom a aprovação, a Alcateia começa pela página de venda e pela coleção, que são as duas telas de maior impacto.