Cleyton Braga | UX/UI Designer
02 · Produto web · Ferramenta interna

Hub de Promoções

O CRM gerencia a vitrine de promoções e acompanha o uso dos cards no mesmo sistema.

Meu papel
Concepção e design da página, do CMS e do painel
Usuários
CRM
Plataforma
Web · 2 marcas
Status
Em uso
RESUMO

Desenhei a página de Promoções, o CMS para gerenciar os cards e um painel com dados de visualização, clique e busca. Antes, incluir ou alterar um card dependia do desenvolvimento.

O problema

O deploy atualizava o site em 5 a 10 minutos. O processo completo para criar e colocar um card no ar, porém, passava de 24 horas. A equipe também não conseguia consultar o uso de cada promoção.

Antes e depois

Antes

  • O CRM solicitava a publicação ao desenvolvimento
  • Mudanças na vitrine exigiam deploy
  • Não havia dados de uso por card

Com o hub

  • O CRM cria e agenda cards no CMS
  • Ajusta ordem e destaque sem deploy
  • Consulta visualizações e cliques no painel

Como o CRM publica

Cada promoção vira um card que leva a uma página dinâmica. No editor, a prévia aparece ao lado dos campos.

EM DESTAQUE
Bolão Vaidebet

Acerte o placar do jogo e ganhe giros!

Saiba mais →

Card em destaque na vitrine.

  1. 1
    Cria o cardPreenche título, texto, imagem e link.
  2. 2
    Reordena e destacaArrasta os cards e escolhe o destaque da vitrine.
  3. 3
    AgendaDefine as datas de início e fim.
  4. 4
    Publica sem deployO CMS atualiza a vitrine do site.
  5. 5
    Acompanha no painelConsulta visualizações, cliques e buscas.
CMS· Cards e prévia Agendamento· Início e fim Analytics· Uso por card 2 marcas· Mesmo CMS

O painel de dados

Estruturei os eventos de visualização, clique e busca junto com as telas. O painel mostra acessos, taxa de cliques, cards mais clicados e uso por dispositivo.

Dados · Vaidebet — PromoçõesÚltimos 7 dias
Views
0+16%
período 21–23 jul
Cliques
0+42%
3 dias ativos
CTR
0+3,2%
36 de 128 views
Card mais clicado
Missões
5 cliques · 14% do total

Desktop × Mobile

Desktop 45% Mobile 55%

Cards mais clicados

Missões
Vem pro Telegram
Teste
Torneios Vaidebet
Estamos no Whats
Pagamento Antecipado

Cliques por dia

21/0722/0723/07

Telas

Capturas do produto preparadas para o portfólio — o painel de dados, o CMS e o editor de card.

Painel de dados do hub em desktop e mobile
Painel de dados — desktop e mobile.
CMS com a lista de cards e a prévia do hub
CMS: lista de cards e prévia do hub.
Editor de card com as abas Dados, Links e UTM & Modal
Editor de card: dados, links, UTM e modal.

Resultado

Sem deployo CRM publica e agenda direto, sem passar pelo desenvolvimento
2 marcasatendidas pela mesma ferramenta
Decisão com dadomanter ou tirar card passou a olhar o uso, não a opinião

O analista de CRM e o designer continuam preparando a promoção, mas já não precisam acionar um desenvolvedor para publicar cada card.

Outros projetos