Dalix StudiosWeb design studio
← Back to work

Custom build

Who Was Ruling

A historical reference platform where you pick any ruler and see who held power across the world during their reign.

Client
WhoWasRuling.com
Year
2026
Stack
Next.js · TypeScript · Wikidata · Tailwind CSS
Rulers indexed
1324
World powers
19
Daily puzzle
Live

whowasruling.com

WhoWasRuling.com homepage with ruler search and portrait collage background

Inside the product

From search to synchronised history.

Who Was Ruling is built around one question: who held power everywhere else while this ruler was on the throne? These screens show the core journeys: searching a ruler, viewing the synchronised world, browsing by year, exploring dynasties, playing the daily puzzle, and going deeper with reading recommendations.

Search & discovery

The homepage leads with one promise: pick any ruler and see the world's thrones at that moment, backed by search, featured profiles, and a daily game teaser.

WhoWasRuling.com homepage with ruler search and featured rulers

Homepage with portrait collage, search, random ruler, and daily puzzle entry.

Ruler profiles

Individual pages combine portrait, reign dates, biography, predecessor and successor navigation, and the synchronised world view below the fold.

Louis XI of France ruler profile on WhoWasRuling.com

Ruler profile with reign dates, biography, and predecessor/successor navigation.

World synchronised

The signature view: contemporary rulers across Ottoman, Mughal, Chinese, European, and other thrones during the same reign.

Contemporary rulers grid during Louis XI of France reign

Contemporary rulers across world powers during a single reign.

Browse by year

A year picker with century shortcuts lets visitors jump to any moment (here, 1483) and see every throne active that year.

Who ruled the world in 1483 year browser

Year browser with century picker and throne cards for 1483.

Rulers index

Nineteen world powers, from England and France to the Ottomans and Mughal Empire, each with a browsable dynasty of rulers.

All rulers index with world power cards on WhoWasRuling.com

World power cards covering 1,324 rulers across 19 regions.

Daily game

Guess the Monarch works like a daily puzzle with six tries, progressive clues, and practice mode, building habit without compromising the reference experience.

Guess the Monarch daily puzzle on WhoWasRuling.com

Daily puzzle with progressive clues and practice mode.

Depth & reading

Editorial layers (curated book recommendations, newsletter signup, and open-data attribution) sit alongside the reference tool.

From the library reading recommendations on WhoWasRuling.com

Curated reading recommendations and newsletter signup.

The challenge

History online is usually siloed: one Wikipedia article per ruler, one country at a time. There was no fast way to see the whole world's thrones aligned to a single reign or year.

The approach

The product was built around one mental model: pick a ruler or year, then see every notable throne at that moment. Open data from Wikidata and Wikimedia Commons powers the portraits and timelines, with editorial layers (reading recommendations, newsletter, and a daily game) to bring people back.

Key decisions

Ruler search as the primary entry point, with random ruler and featured profiles for discovery
"The world during their reign" as the core differentiator on every profile
Year browser with century picker and throne cards for a specific moment in time
Rulers index organised by world power: 19 regions, 1,300+ monarchs
Guess the Monarch daily puzzle for repeat engagement without diluting the reference tool
Open-licence portraits with attribution; ad-light positioning with Ko-fi support

Results

  • Live platform indexing 1,300+ rulers across 19 world powers
  • Synchronised world view on every ruler profile and year page
  • Daily puzzle game with progressive clues
  • Newsletter and reading recommendations layered on top of reference content

My role

  • Product design & UX
  • Full-stack development
  • Data modelling & Wikidata integration
  • Launch & ongoing iteration