A playable interaction experiment

Bad UI Olympics

Six absurd timed challenges: spinning PIN digits, unhelpful volume buttons, a relocating submit button, backwards checkboxes, a scrambled elevator, and a password puzzle.

ReactTypeScriptNext.jsSCSS

“Sometimes the best way to appreciate good design is to race through bad design.”

Problem

Turn familiar interface frustrations into a short, funny game visitors can immediately play.

Role

Game design, visual direction, and frontend implementation.

Constraints

Keep the game playable with mouse, touch, and keyboard, without accounts or external services.

Process

Built six distinct challenges with timed rounds, paused intermissions, a browser-local personal best, and copyable results.

Result

A six-event browser game with medal thresholds, individual event times, replay, and shareable scores.

Experience highlights

Six timed events with paused intermissions
Medals, browser-local personal best, replay, and copyable scores

Engineering & performance

React state and interval cleanup for game transitions
Monotonic timing excludes intermissions
Keyboard and touch controls with scoped responsive styles

Source code ↗