Banco do Brasil · Mobile App · 2025

OUROCAP
TORCIDA

Redesign gamificado do sorteio instantâneo, transformando um momento passivo em uma experiência com temática de futebol.

Papel
UX Designer · UI Designer · Researcher
Ferramentas
Figma · FigJam · Maze
Metodologia
Double Diamond
// Registros Visuais
Ourocap Torcida
Ourocap Torcida — fluxo de vendas
Ourocap Torcida — detalhes
Ourocap Torcida — acessibilidade
// Contexto do Produto

O Ourocap Torcida é um título de capitalização do Banco do Brasil com pagamento único de R$ 3.000, vigência de 36 meses e participação em sorteios com prêmios de até R$ 1 milhão.

O desafio era redesenhar a experiência de sorteio instantâneo, um produto financeiro que precisava criar ressonância emocional e sensação de recompensa imediata sem comprometer a compreensão e a conformidade regulatória.

Problema Central

Experiências funcionais mas emocionalmente desconectadas, baixo engajamento pós-compra e participação passiva nos sorteios.

Solução

Sorteio gamificado onde o usuário "chuta em direção ao gol" interação animada que transforma o sorteio em experiência curta, intuitiva e engajante.

// Metodologia — Double Diamond
01
DESCOBERTA

Entrevistas com usuários, benchmarks de produtos gamificados, análise do produto existente.

02
DEFINIÇÃO

Síntese dos insights: problema é desconexão emocional. Oportunidade: transformar sorteio em ritual.

03
CRIAÇÃO

Wireframes, fluxos, protótipos animados. Metáfora do futebol validada com usuários reais.

04
ENTREGA

Handoff com especificações de motion, WCAG integrado, documentação de estados e variações.

// Decisões de Design

Ação Primária Única

Eliminação de ruído cognitivo. O usuário tem uma única ação no momento do sorteio, o chute. Sem botões secundários competindo pela atenção.

Feedback Visual Imediato

Animações que comunicam resultado instantaneamente, gol animado para prêmio, trave para não premiado. Sem ambiguidade no resultado.

Conformidade Regulatória

Toda gamificação projetada dentro das restrições de produtos financeiros regulados. Clareza sobre mecânica de sorteio mantida em todo fluxo.

Acessibilidade WCAG

Contraste, legibilidade e hierarquia visual integrados desde o wireframe, não como camada posterior. Redução de movimento para usuários sensíveis.

// Stack & Ferramentas
Figma FigJam Maze UX Research Motion Design WCAG
arrow_back Voltar ao Portfólio
01 / 06
Próximo Projeto arrow_forward