← Back to work FRONT-END DEVELOPMENT & UX DESIGN

Scored — The Movie Rating Guessing Game

A web-based, daily guessing game inspired by Wordle that challenges users to predict a rotating movie's critical rating.

ROLE Designer & Developer
TIMELINE 4 Weeks
TECH STACK HTML5, CSS3, JavaScript, TMDB API
Scored browser interface
THE CONCEPT

I wanted to design a game with a sustainable, daily gameplay loop. Inspired by Wordle’s replayability, I realized movies were an engaging theme with plenty of data potential. The goal was then to transform static movie ratings into an interactive daily habit where users have five chances to guess the correct score.

Early loading screen and ideation notes
DATA ARCHITECTURE

To power the daily rotation, I integrated The Movie Database (TMDB) API to collect film data, including descriptions, budgets, and trailers. I utilized Render to securely protect the API endpoints and built the core game logic entirely in JavaScript.

Data integration and coding process
UI & INTERACTION DESIGN

I prioritized accessibility and a straightforward onboarding experience. Because the movie trailers and posters are visually complex, I designed a neutral interface that could support users' gameplay through those visuals. I established reusable UI patterns that adapt to a massive catalog of varying movie data so the films speak for themselves.

OUTCOME & REFLECTION

Scored demonstrated my ability to think across the entire product lifecycle from identifying an opportunity and defining the core gameplay loop to designing scalable interfaces and implementing the technical architecture that supports them. It reinforces the value of designing systems that accommodate complex content while keeping the experience accessible. In future iterations, I would validate retention through user testing and analytics and introduce social features such as streaks, friend leaderboards, and shared results.