Promotional Detail Survey Widget for Roobet

Extending Roobet’s design system for a modular survey experience

  • Client
    Roobet — crypto gaming platform in US

  • Objective
    Design an embedded survey widget within promotional flows

  • My Role
    Contracted as a consultant working with internal UX/UI team

  • Output
    Atoms, molecules, scalable UI components, screen layouts

The Context

Roobet operates in a fast-paced crypto gaming environment where promotions and user incentives are core engagement drivers.

The challenge was to introduce a survey widget within promotional detail pages without disrupting existing user flows or creating visual inconsistency inside an already established product design ecosystem.

The Problem

The company needed a lightweight survey tool to maximise user engagement and capture user feedback, support multiple question types, and sit naturally within promotional journeys.

System Approach

Instead of designing page-first, I approached the problem system-first.

Built new:

  • Progress bar atoms

  • Selection states

  • Progress states

  • Feedback states

  • Validation messaging

  • CTA modules

These were defined as new atoms and molecules, aligned with Roobet’s existing tokens, spacing, colour rules, and interaction patterns.

Component Composition

Once the building blocks were established, I composed them into larger modules and page sections.

  • Survey card

  • Question group containers

  • Progress indicators

  • Completion states

This ensured the feature could scale beyond a single survey use case.

Previous

Unibet Cashback