• FEATURED
  • WHITE-LABEL
  • CRM
  • GAME DESIGN
  • 2024–2026

vatan.app

Designed a crypto casino startup end-to-end — casino lobby, deposit & cashier flows, casino games, CRM, and a Figma-variables design system that swaps brands in minutes.

vatan platform v3 — dark-first casino & sports product shot showing the home lobby with live games and VIP highlights.

01 / Overview

Project at a glance.

A 12-month engagement covering casino flows, deposit & cashier, casino games, and CRM — all on a single white-label design system.

ROLE
Lead UI/UX Designer · Contract
YEAR
2024 — 2025
LENGTH
~12 months
INDUSTRY
iGaming · Casino · CRM
TEAM
PM, 2 designers, 8 engineers
STACK
Figma · Variables · Tokens
SCOPE
Casino app · Cashier · Casino games · CRM · Design system
DELIVERABLES
400+ screens · 200+ components · 6-brand kit
STATUS
Shipped · In production

02 / Challenge

A platform that ships as 6 brands.

vatanplatform was a crypto-first iGaming startup with one product but ambitions for many brands. The original interface was inconsistent, the engineering team was small, and the timeline was tight. We needed to ship a real casino, a real cashier, casino games and a CRM — all under a system that could swap colors, logos, and tone without re-doing the work.

I joined as one of the first design hires. The brief came down to three constraints: stay shippable under engineering pressure, stay consistent across brands, and stay legible in production deposit and game flows that real users would touch at peak traffic.

P1

No system to lean on

Spot patterns, ad-hoc components, no shared tokens. Every screen reinvented the wheel.

P2

Six brands, one team

Brand swaps had to be a colour change, not a redesign — and dev had to land it in hours.

P3

Cashier flows under pressure

Deposit, withdrawal, KYC, payment methods. Zero ambiguity when real money moves.

03 / Approach

System-first, screens second.

Tokens before pages, patterns before mocks, then brand layers on top.

01DISCOVERY

Audit, references, audience.

Two weeks: mapped competitor casinos and cashier flows at every breakpoint, audited the existing UI, interviewed PM and ops on what hurt most. Came out with a list of what to keep, what to kill, and what to build new.

02SYSTEM

A token-driven design kit.

Built the design system in Figma variables: colour, type, spacing, motion. Every component reads tokens, so a brand swap is just a token map. Two weeks to a working v1, ongoing iteration after.

03PRODUCTION

Ship, measure, iterate.

Casino app, casino games, deposit flows and CRM — paired closely with engineering. Weekly handoff loops, dev specs drafted from the system, edge cases caught before code. Six brands landed using the same kit.

04 · CASINO APP

The casino flow, hand-tuned.

Lobby, game launch, deposit, cashier, withdrawal. Mobile-first, dense without being noisy, fast without being clipped.

vatan casino lobby — desktop game grid with categories and a mobile lobby beside it.

Funding Made Simple

Crypto, fiat deposits and in-app swaps built for speed and clarity.

Three cashier dialogs: a crypto deposit with USDT/TRC-20 and a QR address, a fiat deposit, and a swap.
02 · DEPOSIT AND SWAP FIG. 01

05 · DESIGN SYSTEM

One System. Multiple Expressions.

Built as a foundation for all my projects. Fully token-based, scalable and consistent across brands and products.

TOKEN · BRAND-ACCENT

Six brand accents from one token.

  • VATAN#A78BFA
  • AQUA#22D3EE
  • TURF#22C55E
  • GOLD#FACC15
  • EMBER#F97316
  • CRIMSON#EF4444

TOKEN · TYPE RAMP

Type ramp.

AaDISPLAY · 48
AaHEADING · 32
AaTITLE · 22
AaBODY · 16
AaLABEL · 13

TOKEN · SPACING SCALE

Spacing scale.

4px · space.4
8px · space.8
12px · space.12
16px · space.16
24px · space.24
32px · space.32
48px · space.48
64px · space.64
Core component states — buttons, inputs with focus and error states, tabs, switches, checkboxes and radios.
05 · CORE COMPONENTS — VARIANTS × STATES FIG. 05

06 · BACK-OFFICE

CRM, bonuses, payments, content.

Player CRM, segmentation, bonuses, payments, content. Designed for ops teams who live in the tool — dense data, clear states, fast keyboard navigation.

Vatan Platform back-office dashboard — placed bets, deposits and withdrawals, a deposit/withdrawal chart, user insight and top-player tables.
08 · CRM, CAMPAIGNS & SEGMENTATION FIG. 08

07 / Outcomes

What I actually shipped.

Twelve months. Six brands. Casino, cashier, games, CRM. A system that holds up under feature pressure.

400+
SCREENS SHIPPED
200+
COMPONENTS IN SYSTEM
6×
BRANDS · SAME KIT
1wk
NEW-BRAND TURNAROUND
SYSTEM

A token-driven kit other teams could build on without me in the room.

BRAND

Six brand variants from a single component library. New brand turnaround dropped from weeks to days.

SHIPPING

Casino app, casino games, deposit flows and CRM — all in production under the same kit, same naming, same review loop.

OPS

Back-office tools the ops team actually uses. Dense, fast, keyboard-friendly — measured by adoption, not surveys.

08 / Reflection

What I would do again.

Start with tokens, never with pages. By the time the first hi-fi mock landed we already had a design system in production — so every screen that followed was variation, not invention. That’s the part I’d repeat on the next platform.

— ALEKSA RADOVANOVIC · UI/UX, VATAN.APP

NEXT CASE STUDY · 02 / 06

Exam Drill

Designed and built an AI study app end-to-end — PDF-to-quiz generation and a token-based design system across web and mobile.

Read Exam Drill case study