contact@mad-makers.fr

Riot MMO.

Runeterra, beyond the screen.

Visit the website
Scope
Art direction / UX/UI / Motion design / Front end
Year
2025
Type
Creative exploration
01 · Home · Runeterra, a story to write
01 · Home · Runeterra, a story to write

01 / The intention

An independent exploration of Runeterra, imagined as a journey before the MMO. Regions and peoples, an interactive map, a discovery journal, themed routes and a news feed form a bilingual French-English experience.

02

Enter through the regions

Landscapes become gateways to Runeterra’s territories. Each card combines a name, an image and editorial context; dedicated pages take the discovery further.

02 · Regions · Demacia and the landscapes of Runeterra
02 · Regions · Demacia and the landscapes of Runeterra
03

Choose your path

The filterable map offers another way to explore the world. It complements chapter navigation and themed routes; a journal saves discoveries in the browser.

03 · Exploration · Map and discovery journal
03 · Exploration · Map and discovery journal
04

Connect the peoples to their world

Peoples have their own entries and detail pages in a responsive French-English interface. The news feed distinguishes Riot announcements from community analysis. A personal project, neither commissioned by nor affiliated with Riot Games; media and sources are credited on the website.

04 · Peoples · Vastaya, humans and creatures of Runeterra
04 · Peoples · Vastaya, humans and creatures of Runeterra

Project tools

HTML5CSSJavaScript ESMHTML5 videolocalStorage

The experience in motion.

Runeterra · Films and cinematic archives
Explore nextLa PapicheAll projects

Good questions.

What budget should I plan for?

Three packages: essential site at €1,500 excluding VAT, showcase site at €2,200, identity and website together at €3,200. More ambitious projects (3D, interactions, online shop) start at €4,500. The quote sets the scope before work begins.

How long does a project take?

Allow 10 to 14 days for a simple website once the content is approved. More extensive projects follow a timeline set out in the quote.

Will I be able to manage my website?

Yes. We agree on which content you need to manage. If a CMS is included, delivery comes with an introduction to using it. You receive the access credentials and source code.

What happens after launch?

Support and any further development are specified in the quote. Maintenance and SEO can be arranged separately.