Back to Works

Member+ Reward Draw CMS

Interaction design · Frontend implementation

One live reward draw, two very different views: the controls for the operator and the reveal for everyone watching.

Last updated on

A little context

Member+ Reward Draw CMS is an internal module for running roulette-style reward draws during live campaigns. It serves both campaign operators and event audiences.

My part: UX design and frontend implementation, with ongoing ownership across campaign cycles from July 2025 through the April 2026 release.

I’ve simplified a few details here to keep internal information private.

Where things got tricky

Operators need to know which stage the draw is in and what to do next. Viewers need to read the result clearly, including when watching the broadcast on a phone.

Two Audiences

Operational experience

Campaign operators

Understand the current event state and available next steps.

Viewing experience

Event audiences

Read the draw result on a small screen and follow the reveal.

Core Workflow

  1. Prepare campaign
  2. Review setup
  3. Run live experience
  4. Present results

The choices behind the screens

Status visibility

Clear draw stages

Make each stage of the live experience visibly distinct.

Accessibility

Readable on a live stream

Use readable sizing and contrast for viewers watching a compressed broadcast.

Interaction design

Time to follow the reveal

Use animation timing to support anticipation and a clear reveal.

Error prevention

Clear next actions

Show the next action and ask for confirmation where needed.

Recovery

Continuity

Communicate interruptions and recovery without leaving operators uncertain.

CMS Implementation

Campaign interfaces

Reward management and event views support preparation and live operation.

Feedback and dialogs

Consistent feedback and careful modal behavior keep the interface understandable under live conditions.

What I built

The module was used across several live campaigns. I continued updating the preparation screens and broadcast views through the April 2026 release.

What stayed with me

I had to think about two people at once: the operator running the draw and the viewer watching it. A screen that worked for the operator still needed readable text and enough time for the audience to follow the result.

The people I worked with

Team:Riani BM · UX EngineerAeden · Backend

Related Skills:

UX Design for Live Contexts

Dual-audience DesignVisibility of System StatusEmotional PacingLegibility at Stream QualityMotion & Animation DesignError Prevention

Frontend & UI Implementation

Laravel BladeJavaScript / jQueryAJAXBootstrapSlot-style AnimationsInteractive CMS UI

State & Resilience

Client-side State PersistenceRetry & Fallback HandlingOffline DetectionModal Stack ManagementOperational Stability

Operational UX

Drag & Drop UploadDynamic Form RowsProgress Tracking UIEvent Resume / Continue DrawEvent Finalization Flow


Portfolio of

Riani BM

Riani BM

UX Engineer
from Indonesia


Links: