Jogar
Toda atividade elegível gera pontos automaticamente, sem inscrição.
SITES / PRODUTO DIGITAL
Clube de Ouro.
Um programa de fidelidade que se explica jogando.
Interface do programa de fidelidade de uma plataforma de iGaming: dez níveis com personagens, leaderboard com premiações, loja de recompensas e comparativo de benefícios.
Explorar a experiênciaExperiência interativa ↗
01 — O PROJETO
Do conceito à tela do jogador.
O Clube de Ouro é o programa de fidelidade com gamificação de uma plataforma de iGaming, e foi ao ar para os jogadores. Eu desenhei e programei a experiência completa: a jornada pelos dez níveis, de Rei de Papel a Imperador, os dois contadores de pontos (XP para evoluir e Leaderboard para competir), a loja em que as Pepitas viram recompensas e o comparativo do que cada nível desbloqueia.
Os textos vieram do time de conteúdo, e os níveis e as recompensas, do responsável pelo cassino. O resto, do layout ao código, foi comigo: HTML, CSS e JavaScript, com carrossel de níveis, perguntas filtradas por tema e versão para celular.
02 — A EXPERIÊNCIA
A jornada do jogador em três passos.
Evoluir
Os Pontos de XP levam o jogador pelos dez níveis, cada um com o seu mini-game e novas vantagens.
Competir e trocar
Os Pontos de Leaderboard disputam premiações diárias, semanais e mensais, e as Pepitas viram recompensas na loja.
03 — STYLE GUIDE
A identidade em código.
Tipografia
Chakra Petch
Manrope
- Fonte
- Chakra Petch
- Peso
- 700
- Tamanho
- 40 px
- Altura da linha
- 110%
BEM-VINDO AO CLUBE DE OURO
- Fonte
- Chakra Petch
- Peso
- 700
- Tamanho
- 32 px
- Altura da linha
- 115%
BEM-VINDO AO CLUBE DE OURO
- Fonte
- Chakra Petch
- Peso
- 700
- Tamanho
- 24 px
- Altura da linha
- 120%
BEM-VINDO AO CLUBE DE OURO
- Fonte
- Manrope
- Peso
- 400
- Tamanho
- 16 px
- Altura da linha
- 155%
Suas atividades elegíveis geram pontos automaticamente para a sua progressão de nível.
Cores
Ouro
Verde
Fundos e textos
Marca
Clube de OuroClube de OuroClube de Ouro
Componentes
Como pontuarVer os 10 níveis
Como pontuarVer os 10 níveisVer regras →
Como pontuar
TodasGanhar XPNíveis
Missões do nívelMissões do nível
TodasNíveis
BetaConcluídoAtençãoNovo
Rei de PapelNível 1 · 300 XP para o próximo nível
04 — DESIGN FINAL
Design final.
CONTINUE EXPLORANDO
Outro site, outra ideia.
MS Corretora