For the champion experience, see experience (champion).
Summoner Experience points

Summoner Experience

Experience (XP icon XP) is linked to a summoner, and is earned through playing games and sometimes completing missions. Reaching certain amounts of experience increases the summoner's level, up to an infinite amount.

At each level up, players receive a reward, most commonly champion capsules which might contain up to 5 champion shards. Sometimes they might contain some detached BE icon BE as well.

A summoner level of 30 or higher is required to play ranked games.

Gaining experience

Matches

The amount of experience received for a game is determined by several rules:

  • Wins are worth more XP than losses.
  • Longer games are worth more XP.
  • Wins on PVP Summoner's Rift give approximately 5.767 base XP plus 6.626 XP per minute of game length.
  • The minimum time any game needs to last to be eligible for rewards (XP, Missions and anything that requires you to play, win or lose a game) is 7 minutes.[1]
  • Custom games are not eligible to earn experience.

Depending on all these factors, each game awards roughly between 50 and 300 XP, with average values around 200 XP.

Experience Formula

Experience gain on Summoner's Rift can be calculated based on the total number of seconds played during a given game, whether or not the game is won, and whether or not first win of the day is completed.

The following formulas are for experience gained from Summoner's Rift as of November 17, 2017:[2]

General formula:

Time: the total number of seconds elapsed in a game (e.g. 15:49 => 949 seconds).
Experience = (Time × (XP/s) + Base XP) (rounded to nearest integer)

If the game is won:

Experience = (Time × 0.11 + 6.6)

If the game is lost:

Experience = (Time × 0.09 + 5.4)

Co-op vs AI

The experience gained for Co-op vs. AI games is reduced for Summoners with level 10 or higher.[3]

  • Summoner Level 1-9: Bots grant 100% XP.
  • Summoner Level 10-19: Bots grant 90% XP.
  • Summoner Level 20-29: Bots grant 80% XP.
  • Summoner Level 30+: Bots grant 75% XP.

Experience table

Tested values for Summoner Level 30+.[4]

Intro level AI is eligible for Mission rewards (play/win a matchmade game) such as First Win of the Day.

Map Mode Won XP/s Base XP
Summoner's Rift icon Summoner's Rift AI Intro
AI Beginner
AI Intermediate
Win 0.0825 4.95
Loss 0.0675 4.05
PvP
(including Ranked)
Win 0.11 6.6
Loss 0.09 5.4
Twisted Treeline icon Twisted Treeline AI Beginner Win 0.0775 7.4
Loss  ?  ?
AI Intermediate Win  ?  ?
Loss  ?  ?
PvP Win  ?  ?
Loss  ?  ?
Howling Abyss icon Howling Abyss PvP Win 0.11 6.6
Loss 0.09 5.4

Experience boosts

Experience boosts can be bought to increase the amount of experience gained. There is two types of boosts: boosts per win and boosts per duration.

First Win of the Day

A daily mission is available starting at level 15. It rewards you with BE icon 50 and 400 XP when winning a matchmade game. After being completed the mission will be unavailable for 20 hours. Note: The mission will not become available while a game is being played. Only games started after the 20 hour mark count towards completing this mission.

Leveling up

Leveling up grants access to new game modes, summoner spells, and extras such as loot and champion masteries.

Estimating the required time to level up can be done by taking one's level and noting its position beyond a multiple of 25 (except for the first two progressions: 1 to 30, and 31 to 50). Example: Leveling from 51 to 52 is faster than leveling 74 to 75, but also quicker than a player at level 49, since you're positioned at the very first level of the count (51 to 75).

The following table describes the amount of XP required to level up and some of the game content unlocked when reaching each level.[5][6]

Level XP For Next Level Cumulative XP Needed Content Unlocked Game Mode Unlocked
1 144 0 Level 1 Summoner Icon Border Summoner Icon Border (Profile)
2 144 144 AsheSquare Ashe
3 192 288 GarenSquare Garen Normal 5v5 Summoner's Rift (Blind Pick)
4 240 480 BrandSquare Brand

Exhaust Exhaust
Barrier Barrier

5 336 720 Hextech Crafting and Loot

CaitlynSquare Caitlyn shard or BE icon 1350 shard or BE icon 3150 shard or BE icon 4800 shard - with a 70% chance for the first and 10% for the others
+BE icon 3260

Co-op vs. AI 3v3 Twisted Treeline
6 432 1056 Mark Mark

Clarity Clarity
Xin ZhaoSquare Xin Zhao shard

ARAM 5v5 Howling Abyss
7 528 1488 Flash Flash

Teleport Teleport
+BE icon 810

Normal 3v3 Twisted Treeline
8 624 2016 Default rune pages

JannaSquare Janna shard

9 720 2640 Smite Smite

Ignite Ignite
Cleanse Cleanse
+BE icon 810

Practice Tool
10 816 3360 90% XP given for Co-op vs. AI Bots

Ashe SherwoodForestCircle Sherwood Forest Ashe [S|L] or Garen SanguineCircle Sanguine Garen [S|L]
OE icon 500
1 random ward skin
BE icon 450 shard

Normal 5v5 Summoner's Rift (Draft) (if you have at least 20 champions including the free to play ones)

Featured game mode

11 912 4176 Custom rune pages

Keystone rune slot options
Free Champion Rotation
BE icon 1350 shard
+BE icon 130

12 984 5088 Basic Champion Capsule (BE icon 450)
13 1056 6072 Basic Champion Capsule (BE icon 450)

Primary rune path options

14 1128 7128 Basic Champion Capsule (BE icon 500)
15 1344 8256 First Win of the Day mission

Secondary rune path options
BE icon 4800 shard

16 1440 9600 Basic Champion Capsule (BE icon 500)
17 1536 11040 Basic Champion Capsule (BE icon 500)

Inspiration icon Inspiration rune path

18 1680 12576 Two BE icon 1350 shards
19 1824 14256 Basic Champion Capsule (BE icon 600)
20 1968 16080 80% XP given for Co-op vs. AI Bots (65% after 180 minutes each day).

Random permanent summoner icon
BE icon 4800 shard

21 2112 18048 Basic Champion Capsule (BE icon 600)
22 2208 20160 BE icon 3150 shard
+BE icon 20
23 2448 22368 Basic Champion Capsule (BE icon 725)
24 2304 24816 Basic Champion Capsule (BE icon 725)
25 2496 27120 Random ward skin permanent

BE icon 4800 shard

26 2496 29616 Basic Champion Capsule (BE icon 725)
27 2592 32112 BE icon 3150 shard

BE icon 450 shard

28 2688 34704 Basic Champion Capsule (BE icon 725)
29 3168 37392 BE icon 3150 shard

BE icon 450 shard

30 2688 40560 75% XP given for Co-op vs. AI Bots (55% after 180 minutes each day).

Glorious Champion Capsule
Level 30 Summoner Icon Border Summoner Icon Border (Profile)

Ranked Solo/Duo and Flex queues for 5v5 Summoner's Rift
Ranked Flex 3v3 Twisted Treeline
31 2688 43248 Basic Champion Capsule
32 2688 45936 Basic Champion Capsule
33 2784 48624 Basic Champion Capsule
34 2784 51408 Basic Champion Capsule
35 2784 54192 Basic Champion Capsule
36 2880 56976 Basic Champion Capsule
37 2880 59856 Basic Champion Capsule
38 2880 62736 Basic Champion Capsule
39 3072 65616 Basic Champion Capsule
40 3072 68688 Glorious Champion Capsule

Level 40 Prestige Emote "Legend 1" Emote

41 3168 71760 Basic Champion Capsule
42 3168 74928 Basic Champion Capsule
43 3264 78096 Basic Champion Capsule
44 3264 81360 Basic Champion Capsule
45 3360 84624 Basic Champion Capsule
46 3360 87984 Basic Champion Capsule
47 3456 91344 Basic Champion Capsule
48 3456 94800 Basic Champion Capsule
49 3456 98256 Basic Champion Capsule
50 2592 101712 Glorious Champion Capsule

Random Summoner Icon or Ward Skin
Level 50 Prestige Emote "Legend 2" Emote
Level 50 Summoner Icon Border Summoner Icon Border (Profile)

51 2688 104304 Basic Champion Capsule
52 2688 106992 Basic Champion Capsule
53 2688 109680 Basic Champion Capsule
54 2688 112368 Basic Champion Capsule
55 2880 115056 Basic Champion Capsule
56 2880 117936 Basic Champion Capsule
57 2880 120816 Basic Champion Capsule
58 3072 123696 Basic Champion Capsule
59 3072 126768 Basic Champion Capsule
60 3072 129840 Glorious Champion Capsule
61 3264 132912 Basic Champion Capsule
62 3264 136176 Basic Champion Capsule
63 3264 139440 Basic Champion Capsule
64 3360 142704 Basic Champion Capsule
65 3360 146064 Basic Champion Capsule
66 3360 149424 Basic Champion Capsule
67 3456 152784 Basic Champion Capsule
68 3456 156240 Basic Champion Capsule
69 3456 159696 Basic Champion Capsule
70 3456 163152 Glorious Champion Capsule
71 3552 166608 Basic Champion Capsule
72 3552 170160 Basic Champion Capsule
73 3648 173712 Basic Champion Capsule
74 3648 177360 Basic Champion Capsule
75 2592 181008 Glorious Champion Capsule

Random Summoner Icon or Ward Skin
Level 75 Prestige Emote "Legend 3" Emote
Level 75 Summoner Icon Border Summoner Icon Border (Profile)

76 2688 183696 Basic Champion Capsule
77 2688 186384 Basic Champion Capsule
78 2688 189072 Basic Champion Capsule
79 2688 191760 Basic Champion Capsule
80 2880 194448 Glorious Champion Capsule
81 2880 197328 Basic Champion Capsule
82 2880 200208 Basic Champion Capsule
83 3072 203088 Basic Champion Capsule
84 3072 206160 Basic Champion Capsule
85 3072 209232 Basic Champion Capsule
86 3264 212304 Basic Champion Capsule
87 3264 215568 Basic Champion Capsule
88 3264 218832 Basic Champion Capsule
89 3360 222096 Basic Champion Capsule
90 3360 225456 Glorious Champion Capsule
91 3360 228816 Basic Champion Capsule
92 3456 232176 Basic Champion Capsule
93 3456 235632 Basic Champion Capsule
94 3456 239088 Basic Champion Capsule
95 3456 242544 Basic Champion Capsule
96 3552 246000 Basic Champion Capsule
97 3552 249552 Basic Champion Capsule
98 3648 253104 Basic Champion Capsule
99 3648 256752 Basic Champion Capsule
100 2592 260400 Glorious Champion Capsule

Glorious Legend Ward Glorious Legend Ward Skin
Level 100 Prestige Emote "Legend 4" Emote
Level 100 Summoner Icon Border Summoner Icon Border (Profile)

101 2688 262992 Basic Champion Capsule
102 2688 265680 Basic Champion Capsule
103 2688 268368 Basic Champion Capsule
104 2688 271056 Basic Champion Capsule
105 2880 273744 Basic Champion Capsule
106 2880 276624 Basic Champion Capsule
107 2880 279504 Basic Champion Capsule
108 3072 282384 Basic Champion Capsule
109 3072 285456 Basic Champion Capsule
110 3072 288528 Glorious Champion Capsule
111 3264 291600 Basic Champion Capsule
112 3264 294864 Basic Champion Capsule
113 3264 298128 Basic Champion Capsule
114 3360 301392 Basic Champion Capsule
115 3360 304752 Basic Champion Capsule
116 3360 308112 Basic Champion Capsule
117 3456 311472 Basic Champion Capsule
118 3456 314928 Basic Champion Capsule
119 3456 318384 Basic Champion Capsule
120 3456 321840 Glorious Champion Capsule
121 3552 325296 Basic Champion Capsule
122 3552 328848 Basic Champion Capsule
123 3648 332400 Basic Champion Capsule
124 3648 336048 Basic Champion Capsule
125 2592 339696 Glorious Champion Capsule

Level 125 Prestige Emote "Legend 5" Emote
Level 125 Summoner Icon Border Summoner Icon Border (Profile)

126 2688 342288 Basic Champion Capsule
127 2688 344976 Basic Champion Capsule
128 2688 347664 Basic Champion Capsule
129 2688 350352 Basic Champion Capsule
130 2880 353040 Glorious Champion Capsule
131 2880 355920 Basic Champion Capsule
132 2880 358800 Basic Champion Capsule
133 3072 361680 Basic Champion Capsule
134 3072 364752 Basic Champion Capsule
135 3072 367824 Basic Champion Capsule
136 3264 370896 Basic Champion Capsule
137 3264 374160 Basic Champion Capsule
138 3264 377424 Basic Champion Capsule
139 3360 380688 Basic Champion Capsule
140 3360 384048 Glorious Champion Capsule
141 3360 387408 Basic Champion Capsule
142 3456 390768 Basic Champion Capsule
143 3456 394224 Basic Champion Capsule
144 3456 397680 Basic Champion Capsule
145 3456 401136 Basic Champion Capsule
146 3552 404592 Basic Champion Capsule
147 3552 408144 Basic Champion Capsule
148 3648 411696 Basic Champion Capsule
149 3648 415344 Basic Champion Capsule
150 2592 418992 One Rare Gem Gemstone

Glorious Champion Capsule
Level 150 Prestige Emote "Legend 6" Emote
Level 150 Summoner Icon Border Summoner Icon Border (Profile)

151 2688 421584 Basic Champion Capsule
152 2688 424272 Basic Champion Capsule
153 2688 426960 Basic Champion Capsule
154 2688 429648 Basic Champion Capsule
155 2880 432336 Basic Champion Capsule
156 2880 435216 Basic Champion Capsule
157 2880 438096 Basic Champion Capsule
158 3072 440976 Basic Champion Capsule
159 3072 444048 Basic Champion Capsule
160 3072 447120 Glorious Champion Capsule
161 3264 450192 Basic Champion Capsule
162 3264 453456 Basic Champion Capsule
163 3264 456720 Basic Champion Capsule
164 3360 459984 Basic Champion Capsule
165 3360 463344 Basic Champion Capsule
166 3360 466704 Basic Champion Capsule
167 3456 470064 Basic Champion Capsule
168 3456 473520 Basic Champion Capsule
169 3456 476976 Basic Champion Capsule
170 3456 480432 Glorious Champion Capsule
171 3552 483888 Basic Champion Capsule
172 3552 487440 Basic Champion Capsule
173 3648 490992 Basic Champion Capsule
174 3648 494640 Basic Champion Capsule
175 2592 498288 Glorious Champion Capsule

Level 175 Prestige Emote "Legend 7" Emote
Level 175 Summoner Icon Border Summoner Icon Border (Profile)

176 2688 500976 Basic Champion Capsule
177 2688 503664 Basic Champion Capsule
178 2688 506352 Basic Champion Capsule
179 2688 509040 Basic Champion Capsule
180 2880 511728 Glorious Champion Capsule
181 2880 514608 Basic Champion Capsule
182 2880 517488 Basic Champion Capsule
183 3072 520368 Basic Champion Capsule
184 3072 523440 Basic Champion Capsule
185 3072 526512 Basic Champion Capsule
186 3264 529584 Basic Champion Capsule
187 3264 532848 Basic Champion Capsule
188 3264 536112 Basic Champion Capsule
189 3360 539376 Basic Champion Capsule
190 3360 542736 Glorious Champion Capsule
191 3360 546096 Basic Champion Capsule
192 3456 549456 Basic Champion Capsule
193 3456 552912 Basic Champion Capsule
194 3456 556368 Basic Champion Capsule
195 3456 559824 Basic Champion Capsule
196 3552 563280 Basic Champion Capsule
197 3552 566832 Basic Champion Capsule
198 3648 570384 Basic Champion Capsule
199 3648 574032 Basic Champion Capsule
200 2592 577680 One Rare Gem Gemstone

Glorious Champion Capsule
Level 200 Prestige Emote "Legend 8" Emote
Level 200 Summoner Icon Border Summoner Icon Border (Profile)

201 2688 580272 Basic Champion Capsule
202 2688 582960 Basic Champion Capsule
203 2688 585648 Basic Champion Capsule
204 2688 588336 Basic Champion Capsule
205 2880 591024 Basic Champion Capsule
206 2880 593904 Basic Champion Capsule
207 2880 596784 Basic Champion Capsule
208 3072 599664 Basic Champion Capsule
209 3072 602736 Basic Champion Capsule
210 3072 605808 Glorious Champion Capsule
211 3264 608880 Basic Champion Capsule
212 3264 612144 Basic Champion Capsule
213 3264 615408 Basic Champion Capsule
214 3360 618672 Basic Champion Capsule
215 3360 622032 Basic Champion Capsule
216 3360 625392 Basic Champion Capsule
217 3456 628752 Basic Champion Capsule
218 3456 632208 Basic Champion Capsule
219 3456 635664 Basic Champion Capsule
220 3456 639120 Glorious Champion Capsule
221 3552 642576 Basic Champion Capsule
222 3552 646128 Basic Champion Capsule
223 3648 649680 Basic Champion Capsule
224 3648 653328 Basic Champion Capsule
225 2592 656976 Glorious Champion Capsule

Level 225 Prestige Emote "Legend 9" Emote
Level 225 Summoner Icon Border Summoner Icon Border (Profile)

226 2688 659568 Basic Champion Capsule
227 2688 662256 Basic Champion Capsule
228 2688 664944 Basic Champion Capsule
229 2688 667632 Basic Champion Capsule
230 2880 670320 Glorious Champion Capsule
231 2880 673200 Basic Champion Capsule
232 2880 676080 Basic Champion Capsule
233 3072 678960 Basic Champion Capsule
234 3072 682032 Basic Champion Capsule
235 3072 685104 Basic Champion Capsule
236 3264 688176 Basic Champion Capsule
237 3264 691440 Basic Champion Capsule
238 3264 694704 Basic Champion Capsule
239 3360 697968 Basic Champion Capsule
240 3360 701328 Glorious Champion Capsule
241 3360 704688 Basic Champion Capsule
242 3456 708048 Basic Champion Capsule
243 3456 711504 Basic Champion Capsule
244 3456 714960 Basic Champion Capsule
245 3456 718416 Basic Champion Capsule
246 3552 721872 Basic Champion Capsule
247 3552 725424 Basic Champion Capsule
248 3648 728976 Basic Champion Capsule
249 3648 732624 Basic Champion Capsule
250 2592 736272 One Rare Gem Gemstone

Glorious Champion Capsule
Level 250 Prestige Emote "Legend 10" Emote
Level 250 Summoner Icon Border Summoner Icon Border (Profile)

251 2688 738864 Basic Champion Capsule
252 2688 741552 Basic Champion Capsule
253 2688 744240 Basic Champion Capsule
254 2688 746928 Basic Champion Capsule
255 2880 749616 Basic Champion Capsule
256 2880 752496 Basic Champion Capsule
257 2880 755376 Basic Champion Capsule
258 3072 758256 Basic Champion Capsule
259 3072 761328 Basic Champion Capsule
260 3072 764400 Glorious Champion Capsule
261 3264 767472 Basic Champion Capsule
262 3264 770736 Basic Champion Capsule
263 3264 774000 Basic Champion Capsule
264 3360 777264 Basic Champion Capsule
265 3360 780624 Basic Champion Capsule
266 3360 783984 Basic Champion Capsule
267 3456 787344 Basic Champion Capsule
268 3456 790800 Basic Champion Capsule
269 3456 794256 Basic Champion Capsule
270 3456 797712 Glorious Champion Capsule
271 3552 801168 Basic Champion Capsule
272 3552 804720 Basic Champion Capsule
273 3648 808272 Basic Champion Capsule
274 3648 811920 Basic Champion Capsule
275 2592 815568 Glorious Champion Capsule

Level 275 Prestige Emote "Legend 11" Emote
Level 275 Summoner Icon Border Summoner Icon Border (Profile)

300  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 300 Prestige Emote "Legend 12" Emote
Level 300 Summoner Icon Border Summoner Icon Border (Profile)

325  ?  ? Glorious Champion Capsule

Level 325 Prestige Emote "Legend 13" Emote
Level 325 Summoner Icon Border Summoner Icon Border (Profile)

350  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 350 Prestige Emote "Legend 14" Emote
Level 350 Summoner Icon Border Summoner Icon Border (Profile)

375  ?  ? Glorious Champion Capsule

Level 375 Prestige Emote "Legend 15" Emote
Level 375 Summoner Icon Border Summoner Icon Border (Profile)

400  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 400 Prestige Emote "Legend 16" Emote
Level 400 Summoner Icon Border Summoner Icon Border (Profile)

425  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 425 Prestige Emote "Legend 17" Emote
Level 425 Summoner Icon Border Summoner Icon Border (Profile)

450  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 450 Prestige Emote "Legend 18" Emote
Level 450 Summoner Icon Border Summoner Icon Border (Profile)

475  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 475 Prestige Emote "Legend 19" Emote
Level 475 Summoner Icon Border Summoner Icon Border (Profile)

500  ?  ? One Rare Gem Gemstone

Glorious Champion Capsule
Level 500 Prestige Emote "Legend 20" Emote
Level 500 Summoner Icon Border Summoner Icon Border (Profile)

500+ Repeats 400-500 (No further Border Rewards)

Development

Historical

Prior to V7.22, the level system comprised 30 levels, each represented by a number from 1 to 30. Higher numbers mean more experience. Summoners start their first game at level 1 and progress until they reach level 30 after a variable number of games (typically between 300 and 400). The level system is based on the concept of Experience Points (XP). Summoners accumulate XP by playing games. When they accumulate a certain amount of XP, they progress to the next level. The level progression finishes when the Summoner reaches level 30. Reaching this level is one of the requirements to participate in Ranked games (the others are owning 20 champions and taking part in a series of placement games).

The Visual Design of League Leveling

Experience Insights 01

Hey guys, we’re Riot_Mort and SpicyMemeDreamz, here to talk about some of the key design elements behind League’s new leveling system.[7]

With the uncapped leveling system, our goal was to recognize and reward you for playing League regardless of your playstyle or skill level. We also wanted to give you the ability to progressively show off your dedication to the game in the years to come.

UNCAPPING LEAGUE’S LEVELING

Since our intention was to build an uncapped leveling system that could grow with you, we had to think early about how the visual language could scale with those conventions. In plain speak, how do we make you look cooler as you level up? We looked at a lot of systems in other games (and in real life) to see how progression feels across them all, and found that there seems to always be a point where visual representations of progression go overboard. Whether it’s an adornment of stars or additional medals and materials tacking onto the sides, a visual representation of progression always runs the risk of looking the same (or unintelligible) after a certain point.

Experience Insights 02

Various sketch explorations looking to define the overall look of the progression system.

LEVERAGING CURRENT SYSTEMS

For League’s system, we looked for an expression of progression that would continually feel fresh for you, but also had clear points of distinction when you were comparing your progress against that of others. To accomplish that, we first examined our existing progressions systems. We wanted strong design elements we could leverage into something new, while still maintaining a sense of familiarity. It was also a big focus of ours to provide you with goals, or checkpoints, as you level, to give you that awesome feeling of accomplishment. Being able to reach meaningful thresholds allows everyone to feel like they’re working towards an achievable goal instead of grinding to infinity.

Experience Insights 03

The newly launched Honor System brought a uniform color tier progression to League that will eventually be used for all methods of progress and rarity. While this was a core element that was imperative for us to implement into our own system, it also came with a unique challenge based on the system we were building. With leveling being uncapped, it would make it nearly impossible to ever reach that highest tier color (as well as create a situation where you feel like you’re forever trapped in a single color).

Experience Insights 04

League’s universal color tier system, scaling left to right from lowest to highest.

Our solution was to still leverage the color tier system, but to build in a reset system where the colors would go back to the lowest color tier and scale back up at certain level milestones. This gave us room to scale up levels as high as we wanted while keeping the clear visual signifier of progression. To make sure you don’t stagnate too long in a current color tier, we set a reset to happen every 100 levels. With exception to our first level progression (which starts at level 30 and changes at at 50), you’ll progress every 25 levels.

USING THEMES AS PROGRESSION INDICATORS

Now that we had a clear way of showing tiers through colors, we still had to solve for how to make one level of green look better than the next. To solve that, we looked through the universe surrounding League of Legends to find visual elements that could accompany this color tier system and help differentiate one from another. We did many explorations that utilized elements from our game, Runeterra itself, and even skin line themes. Going through these explorations, we discovered we could dress up the surrounding areas of progression borders, as long as a few core principles stayed in place:

Experience Insights 05

Hextech Annie and other artwork from the region of Piltover heavily influenced our Hextech Magic theme, pulling a variety of elements to create this arc conductor device surrounding the border.

Experience Insights 06

We pulled a variety of reference from both champions and skin lines to develop our “fire magic” theme, with one of the main sources of inspiration being Infernal Diana.

MAKE EACH BORDER LOOK BETTER THAN THE LAST
  • Utilize volume, color values, and different materials to escalate higher tiers from lower ones
Experience Insights 07

Visual difference between the first green tier (level 30) and the second (level 125).

Follow similar shape language for core areas of the borders
  • To make sure you are always looking in the same place for your current progression, it’s best to keep a uniform area where progression starts and stops for each level. For higher tiers in a progression ladder, utilizing different shapes helps differentiate them from the rest.
Experience Insights 08

Start and end points for the progress meters, as well as level plate designs for higher and low tier levels.

Use themes to decorate, not obfuscate, the progression of a player
  • Though we wanted to make sure each of the progression themes looked fantastic, the focus is still on where you sit in your current level and how much you have to go until the next. Having these themes cover up or take away from that primary goal would eliminate the purpose of continuous leveling.
WHERE IT LIVES

Since this progression is about you, we wanted to ensure that all elements of the system stayed as close to information about you as possible. This heavily influenced where and how we show leveling for yourself (and others) around the client.

ALWAYS VISIBLE
Experience Insights 09

At any given time, we want to make sure that you are aware of where you are in terms of progression. Bringing the level meter back to an always-visible section of the client was important to us — it gives you an easy-to-see visual element to help you decide if it’s worth getting one more game in to level-up. It’s always ideal if you can find information without having to try and track it down.

AT A GLANCE
Experience Insights 10

One of the things we agreed on pretty early was that you and your friends should be able to see each other's level. Bringing level and current progression into the player hovercard gives you a quick way to check in on your friends, see how they’re doing, and compare your own level progress. That said, we also decided your level wasn’t important to any particular game, so from Champ Select until the Victory (hopefully) screen, we didn’t want your level shown. Level is a fun progression system, but is not a measure of your skill. That’s what ranked is for! You WILL have a way to show your progression off (if you want, and we’ll cover that in a sec), but it won’t be exposed by any in-game system.

ON YOUR PROFILE
Experience Insights 11
Experience Insights 12

Your current level and progress will be shown on your profile, with a border that evolves as you get to higher levels.

AFTER A MATCH
Experience Insights 13
Experience Insights 14

We wanted to make sure your progress is quickly visible whenever you finish a match. Bringing your progression into the end-of-game screen creates a destination during a core part of our game loop that lets you know how much you gained for that match and how close you are to reaching your next level.

IN GAME
Experience Insights 15

For the icing on the cake, we wanted to give you the extra ability to show your level progression to others in the fields of battle. Since this system is meant to be an indicator of knowledge acquired and time played, it made sense to create a series of emotes for every major tier of the themes. So whenever you get a sweet outplay or want to show off how much time you’ve spent on the Rift, go ahead and smash that emote button.

We talked about a single emote that would upgrade as you leveled up. However we felt (and have seen with other things like the Honor Wards) that players favor a specific reward and like to keep using it, even if they’ve earned something else. If we removed that when you leveled-up, it wouldn’t be ideal. Instead, if you really love the Level 50 emote, you can have it and use it forever.

WHAT COMES NEXT

We hope everyone enjoys having a little extra progression in League. You might be struggling in ranked to make progress, but now you’ll always be moving forward in some way. We think that’s going to feel a lot better. As always though, we’re open to feedback. If you have any questions or comments, drop a note in the comments or pop by the boards!

Media

See also

References