PRM Duas marcas · um design system · um CMS

SBT Prêmios & Massa Prêmios — Da TV ao Pix em poucos toques, com um CMS que governa as marcas

Rebranding de dois produtos de filantropia premiável da Liderança e o CMS/Admin que dá à operação o controle de marca, conteúdo e vendas de cada front.

  • Produto B2C + B2B · Rebranding · CMS/Admin
  • Papel Product Designer · rebranding dos fronts e CMS/Admin de ponta a ponta
  • Timeline 2026 · rebranding em protótipo · CMS/Admin em desenvolvimento
  • Stack Figma · Design System multimarca · protótipos navegáveis
  • Contexto Liderança Capitalização · SBT Prêmios e Rede Massa

Rebranding das duas marcas em protótipo, com 21 decisões registradas; CMS/Admin em desenvolvimento

PRMOs fronts e o CMS

Da TV ao Pix, e da operação à marca.

SBT Prêmios e Massa Prêmios: SBT Prêmios · campanha

Protótipos no Figma (nov/2026): o rebranding das duas marcas e o CMS/Admin, que está em desenvolvimento. Os dados do Admin são fictícios e e-mails foram borrados.

Contexto

SBT Prêmios e Massa Prêmios são produtos de filantropia premiável da Liderança Capitalização, vendidos em parceria com o SBT e a Rede Massa: um título de R$ 1,99 pago com Pix, sorteio na TV e prêmio instantâneo no Pião da Sorte ou na Roleta. O resgate de cada título vai para uma instituição beneficente. A venda nasce na TV ao vivo: a pessoa vê o QR Code na tela e tem segundos para comprar.

Problema

Na auditoria do Massa Prêmios, a compra levava 6 toques e 6 campos até o Pix — longe do ritmo de uma chamada na TV. As duas marcas evoluíam separadas, e a operação dependia de desenvolvimento para mudar marca, conteúdo e campanhas. O desafio: encurtar a compra sem atropelar a regulação e dar autonomia à operação sem quebrar a consistência.

Meu papel

Product Designer responsável pelo rebranding dos fronts do SBT Prêmios e do Massa Prêmios — auditorias, benchmark, arquitetura da experiência, direção visual, pacote para o Jurídico e registro de decisões — e pela ideação e prototipação de todo o CMS/Admin. O front em produção do SBT Prêmios é desenvolvido por um parceiro de tecnologia; regras regulatórias são decisão do Jurídico.

Decisões

Métrica norte: o tempo do QR ao Pix copiado. A compra em 4 telas: campanha, dados, Pix e pronto, com os extras só depois da confirmação. Compra sem senha, com conta opcional depois do pagamento (proposta, à espera do Jurídico). Separar o produto do participante do produto da operação. Conceito visual “Palco & Balcão”: a marca se expressa no palco; o balcão da compra é neutro, com contraste AA. Um design system multimarca: tokens, uma camada de expressão de marca e componentes de domínio. No CMS, a marca é configurada pela operação com validação — uma cor sem contraste impede a publicação.

Solução & artefatos

Telas e detalhes do projeto.

Palco para a marca, balcão para a compra

A compra nasce de um QR Code na TV ao vivo. Por isso a experiência separa dois espaços: o palco, onde a marca se expressa — cor, mascote, prêmio —, e o balcão, onde a pessoa paga, neutro e legível. As duas marcas compartilham o mesmo balcão; muda o palco.

  • Menos passos — de 6 toques e 6 campos até o Pix para 4 telas, com os extras só depois da confirmação.
  • Uma base, duas marcas — tokens e componentes comuns, com uma camada de expressão por marca.
  • Autonomia com regra — no CMS, a operação troca marca e conteúdo, e o sistema bloqueia o que quebra a leitura.

Front, design system, CMS

  1. Front da marca
    • campanha da edição
    • dados
    • Pix
    • pronto + Pião ou Roleta

    Decisão: compra em 4 telas, medida do QR ao Pix

  2. Design system
    • tokens
    • expressão de marca
    • componentes de domínio

    Decisão: duas marcas sobre uma base

  3. CMS/Admin
    • branding com validação
    • conteúdo e campanhas
    • vendas e afiliados

    Decisão: a operação governa os fronts

O que descartamos

Problema

Na auditoria do Massa Prêmios, a compra levava 6 toques e 6 campos até o Pix — longe do ritmo de uma chamada na TV. As duas marcas evoluíam separadas, e a operação dependia de desenvolvimento para mudar marca, conteúdo e campanhas. O desafio: encurtar a compra sem atropelar a regulação e dar autonomia à operação sem quebrar a consistência.

Descartado

Um site novo por marca. Um redesign “big bang” no lugar da substituição progressiva. Cadastro e senha antes do Pix. Cronômetro de urgência no pagamento. E expressão de marca dentro da área de compra, onde ela compete com o que a pessoa precisa ler.

Escolhido

Métrica norte: o tempo do QR ao Pix copiado. A compra em 4 telas: campanha, dados, Pix e pronto, com os extras só depois da confirmação. Compra sem senha, com conta opcional depois do pagamento (proposta, à espera do Jurídico). Separar o produto do participante do produto da operação. Conceito visual “Palco & Balcão”: a marca se expressa no palco; o balcão da compra é neutro, com contraste AA. Um design system multimarca: tokens, uma camada de expressão de marca e componentes de domínio. No CMS, a marca é configurada pela operação com validação — uma cor sem contraste impede a publicação.

Estágio atual

Rebranding em protótipo e CMS/Admin em desenvolvimento. Meta definida: do QR ao Pix copiado em até 30 segundos, ainda sem medição.

Tensões

  • Marca × clareza na compra
  • Velocidade × regulação
  • Autonomia da operação × consistência
  • Duas marcas × uma base

Impacto

Ainda não há resultado de produto publicado. O rebranding está em protótipo, com 21 decisões registradas no Figma — parte aprovada, a maioria recomendada ou proposta, e a compra sem senha depende de uma decisão do Jurídico sobre a regra da SUSEP. A métrica norte foi definida (tempo do QR ao Pix copiado, meta de até 30 segundos), mas ainda não está instrumentada. O CMS/Admin está em desenvolvimento.

Aprendizados

Quando a venda nasce num intervalo de TV, design é tempo: cada campo a menos pesa mais do que qualquer ilustração. E dar autonomia à operação exige regras que o sistema aplica, não guias que alguém precisa lembrar.

Relacionados

RRContato

Vamos conversar.

Conte o contexto — a mensagem chega direto a mim.

Sobre o que vamos conversar?

Contexto, problema e prazo, se houver.

Prefere e-mail? contato@romulo.art.br