UXRS logo with blue and black geometric dots and bars, and text 'UXRS for Tech Design'.
Project Overview

Creating a fantasy-inspired leaderboard for school competition

Ron Clark Academy is an innovative school in Atlanta known for its unique learning culture. For RCA, we designed an interactive House leaderboard where rankings update in real time, helping students track progress, celebrate achievements, and stay engaged through healthy competition.

The Challenge

Structuring operational complexity into one product

The original design needed a stronger visual direction, better hierarchy, and a more engaging way to highlight students and Houses. The challenge was to create a rich fantasy atmosphere while keeping rankings, scores, and dynamic updates easy to read across different themes.

The Solution

Turning the leaderboard into a living school experience

We transformed the leaderboard into an immersive stage-like interface inspired by theater, games, and fantasy worlds. Each House received a stronger visual presence, while dynamic day phases, themed elements, and flexible components made the experience feel alive, playful, and scalable.

The Ron Clark Academy School Leaderboard
The Ron Clark Academy School Leaderboard

Not ready to book a call yet?

Take a quick tour of how we work, what to expect, and how UXRS can support your product before starting a project.

Our Process

Building the Fantasy Leaderboard System

From moodboard and AI exploration to UI concepts, final scene direction, and design system — every step shaped a leaderboard that feels immersive, flexible, and easy to update.

Research

01
dropdown arrow icon

Exploring the references, interests, and visual worlds that shaped the leaderboard experience.

Mood Board

01
dropdown arrow icon

Combining theater and gaming aesthetics to create a fantasy stage experience for RCA.

AI Visual Creation

01
dropdown arrow icon

Using ChatGPT and Midjourney, we generated 7k+ visual elements to explore different styles, components, frames, and scene variations faster.

UI Concept Iteration 1

01
dropdown arrow icon

The first improvement to the scene includes an updated background, deeper lighting, more detailed castle architecture, and an enhanced adventurous atmosphere.

UI Concept Iteration 2

01
dropdown arrow icon

The final Kingdom’s Journey concept created a living world with day phases, decorative details, House identity, and a playful block-pixel style.

The Result

«Kingdom’s Journey Concept»

The final Kingdom’s Journey concept created a living world with day phases, decorative details, House identity, and a playful block-pixel style.

The Ron Clark Academy School Leaderboard

Start a conversation

Tell us about your product or challenge and we’ll help you move it forward.

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Other ways to connect

You can also connect with our team through social platforms and follow our latest design work and updates.