Runeterra Map Visual Explorations
Efflam mercier targon conceptart v004 copy

Mt Targon exploration, with simplified landscape surrounding landmarks to make the peak stand out.

Efflam mercier screenshot paintover visualdirection v004 copy

Exploration for the region of Noxus.
(David Harrington did the Immortal bastion landmark concepts).

Efflam mercier 2018 10 17 10 10 22 map art style guide pdf opera

Value structure suggestions page from the style guide.

Efflam mercier 2018 10 17 10 10 59 map art style guide pdf opera

Lighting page from the style guide.

Efflam mercier redner curved surface

Early exploration where the world would be a metal globe (incognium Runeterra). We estimated early on that this would raise the min-spec for the experience and not allow for a fluid mobile experience.

Efflam mercier mapstyling piltover v003 copy

Early exploration with Hextech look

(Launch Trailer)
Runeterra Awaits | Interactive Map - League Of Legends

Efflam mercier 2018 10 17 09 21 13 map of runeterra universe league of legends

Final WebGL result for Demacia

Efflam mercier 2018 10 17 09 20 31 map of runeterra universe league of legends

Final WebGL result for Targon

Efflam mercier 2018 10 17 09 18 17 map of runeterra universe league of legends

Final WebGL result for Noxus

Concept art and look development of the interactive WebGL Runeterra Map.
These we used to define the art style, chat with the UI/UX artists and build up a style guide for outsourcing.

Link to WebGL map : https://map.leagueoflegends.com/en_US
Launch Trailer: https://www.youtube.com/watch?v=MaDfg5BhIcY