Teamfight Tactics - UI/UX Redesign for Patch Notes (website)
Use light background to differentiate from LoL's patch notes and to better match TFT's overall brighter tone. With dark texts on top, the contrast should give our eyes a better reading time.

Use light background to differentiate from LoL's patch notes and to better match TFT's overall brighter tone. With dark texts on top, the contrast should give our eyes a better reading time.

Redo hierarchy. Italic font is used for author's words. Bold texts are used for highlight points, this should make it easier to skim. Icons, which are easier to remember, help separate information.

Redo hierarchy. Italic font is used for author's words. Bold texts are used for highlight points, this should make it easier to skim. Icons, which are easier to remember, help separate information.

Some extra words are used - "increased", "reduced", "rescaled" - so readers can quickly understand the buff/nerf without having to look at all the numbers.

Some extra words are used - "increased", "reduced", "rescaled" - so readers can quickly understand the buff/nerf without having to look at all the numbers.

Call me old-fashioned, but I would like to see the legends' faces when reading their names in my head. All details regarding a unit can be found in just one place!

Call me old-fashioned, but I would like to see the legends' faces when reading their names in my head. All details regarding a unit can be found in just one place!

Similar with items and augments. They are also sorted alphabetically.

Similar with items and augments. They are also sorted alphabetically.

Some problems I'm having with the UI/UX of original patch notes. I understand they want to utilize most things from LoL patch notes, but it doesn't have to (and shouldn't) be a pain like this...

Some problems I'm having with the UI/UX of original patch notes. I understand they want to utilize most things from LoL patch notes, but it doesn't have to (and shouldn't) be a pain like this...

After all the changes, my new version is not much longer than the original!

After all the changes, my new version is not much longer than the original!

"Redesign" can sound a bit extreme. This is simply a selfish attempt to try to solve the problems I'm having with these patch notes. Mainly to help me have a better time reading all the information without burning my eyes.
Naive or not, it's been a fun exercise for me! Hope you guys like (some of) it. Almost-full-sized images are at the bottom.

TFT is still a part of LoL, so I mainly followed the branding guidlines here: https://brand.riotgames.com/en-sg/league-of-legends/fundamentals

All information is taken from TFT patch notes 12.14: https://www.leagueoflegends.com/en-us/news/game-updates/teamfight-tactics-patch-12-14-notes/