The focus

This project reimagines the League of Legends website as a fantasy-inspired, immersive experience—blending game-like progression, interactive elements, and engaging design to teach new users about the game and encourage them to download it.

the highlights

Homepage Redesign: Explore Through the Map

Redesigned the homepage as an interactive “Map Experience,” where users explore the site by clicking on map icons. Hover and click interactions reveal game info with clear CTAs, while hidden navigation focuses attention on the map. A “How-to” guide supports user interaction, and a prominent CTA directs users to download the game.

Discover League: An Interactive About Page

he About page continues the map exploration concept, using on-click interactions to reveal detailed information about the game. Large visuals and explanatory copy bring the game world to life. A “Find More” CTA invites deeper exploration, while a prominent CTA encourages users to download the game.

Enter the Lobby: Gamified Registration Experience

The registration and login page is designed like a game lobby, where users choose how to join with hover-based interactions. Clicking a mode opens an overlay with the selected registration flow, creating a familiar, in-game-like experience for new and returning players.

Download Page: Accept the Challenge

The download page extends the interactive map experience for a seamless user journey. A blue animated timer bar mimics the in-game “Accept” screen, building anticipation. The main CTA features a hover interaction, inviting users to “Accept” and begin downloading—just like entering a real match.

get in touch

Let's create something awsome together!