League Of Legends Roles

Find your perfect champion!.

Index

• 1. Introduction
• 2. Overview
• 3. User Stories
• 4. Prototypes
• 5. Finished Product
• 6. Author
• 7. Acknowledgments

---

1. Introduction

There's a lot of data about the LoL champions out there, but sometimes you just want to know what are the character roles. Like... can I play Zyra in a mid lane?

2. Overview

Who uses LoL-Roles.

Web app designed for new players who don't really know what the roles of the champions are.

Key Features.

• You can see all the champions of LoL.
• You can filter by role/class.
• You can see the name and image of the champion.
• You have a 'Learn More' page, to find out more about the lanes and roles.

3. User Stories

1. As a LoL-roles user, I want to see all the champions.

   Acceptance Criteria

   • Should show all the championes when clicking on the "see all" button.
   • Should show the name and image of the champion.

2. As a LoL-roles user, I want to filter the champions by role/class.

   Acceptance Criteria

   • Should show all the champions that match the selected class/role.
   • Should show the name and image of the champion..

3. As a LoL-roles user, I want to know more about the game.

   Acceptance Criteria

   • Should show the main information about the lanes.
   • Should contain a link to get more information.

Done Criteria for all Stories

• Fulfills acceptance criteria.
• Posess and passes test.
• Respects planned architecture.
• Code reviewed.
• Deployed.
• User tested*.
• Feedback requested and applied.

4. Prototypes

High Fidelity Prototypes

High fidelity Prototypes were made using Figma®. The color palette was created with Coolors.com

Prototypes.

5. Finished Product

Main Screen:

Filtered Champions:

Learn More Page:

6. Author

• Giovanna PC
  Giov's Github
  Giov's email: [email protected]

7. Acknowledgments

• To the Laboratoria team.
• To LoL, for several hours of "fun" (?).