Play
Every eligible activity earns points automatically, with no sign-up.
WEBSITES / DIGITAL PRODUCT
Clube de Ouro.
A loyalty program that explains itself through play.
The interface of an iGaming platform’s loyalty program: ten levels with characters, a leaderboard with prizes, a rewards store and a benefits comparison.
Explore the experienceInteractive experience ↗
01 — THE PROJECT
From concept to the player’s screen.
Clube de Ouro is the gamified loyalty program of an iGaming platform, and it went live for players. I designed and coded the whole experience: the journey through ten levels, from Paper King to Emperor, the two point counters (XP to level up and Leaderboard to compete), the store where Nuggets turn into rewards and the comparison of what each level unlocks.
The copy came from the content team, and the levels and rewards from the casino lead. Everything else, from layout to code, was mine: HTML, CSS and JavaScript, with a level carousel, FAQs filtered by topic and a mobile version.
02 — THE EXPERIENCE
The player’s journey in three steps.
Level up
XP Points take players through the ten levels, each with its own mini-game and new perks.
Compete and redeem
Leaderboard Points compete for daily, weekly and monthly prizes, and Nuggets become rewards in the store.
03 — STYLE GUIDE
The identity, in code.
Typography
Chakra Petch
Manrope
- Font
- Chakra Petch
- Weight
- 700
- Size
- 40 px
- Line height
- 110%
WELCOME TO CLUBE DE OURO
- Font
- Chakra Petch
- Weight
- 700
- Size
- 32 px
- Line height
- 115%
WELCOME TO CLUBE DE OURO
- Font
- Chakra Petch
- Weight
- 700
- Size
- 24 px
- Line height
- 120%
WELCOME TO CLUBE DE OURO
- Font
- Manrope
- Weight
- 400
- Size
- 16 px
- Line height
- 155%
Your eligible activities earn points automatically toward your level progression.
Colors
Gold
Green
Backgrounds and text
Brand
Clube de GoldClube de GoldClube de Gold
Components
How to scoreSee the 10 levels
How to scoreSee the 10 levelsSee the rules →
How to score
AllEarn XPLevels
Level missionsLevel missions
AllLevels
BetaDoneWarningNew
Paper KingLevel 1 · 300 XP to the next level
04 — FINAL DESIGN
Final design.
KEEP EXPLORING
Another website, another idea.
MS Corretora