SvillarroelZ / SCL020-data-lovers

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Data Lovers

League of Legends

Índice


1. Preámbulo

En el 2021 Riot Games publicó un mensaje en el que destacaba que juntando las cifras de todos los servidores, en el mes de Octubre de 2021 un total de 180 millones de jugadores dedicaron su tiempo en el mes de Octubre a League of Legends. Lo cual genera una constante demanda por saber más sobre qué es League of Legends sus campeones y su jugabilidad.

No obstante, es común encontrarse con páginas poco explicativas para jugadores nuevos, o que no contienen la información más requerida por jugadores más antiguos. Por lo que basándonos en una encuesta realizada a jugadores reales de LoL desarrollamos un proyecto que busca responder a esas necesidades.

2. Historias de usuario

En base a la encuesta realizada nuestros usuarios objetivos son personas entre los 14 y 35 años de edad que juegan League of Legends o que les interesaría jugar y que quieren saber más sobre los diferentes campeones sus roles y dificultad de juego. Por lo cual creamos las siguientes 4 historias de usuario: alt text

3. Resumen del proyecto

La planificación del proyecto se llevó a cabo en GitHub Projects el cuál está disponible en el repositorio. Desarrollamos una encuesta para saber las necesidades reales de los jugadores, aquí podemos visualizar algunas de las respuestas y el link de los resultados: https://forms.gle/TmYWPyNa4paanj7X8

alt text alt text alt text

Desarrollamos diferentes prototipos de baja fidelidad a lápiz para ordenar los contenedores: alt text alt text

Prototipo de alta fidelidad

alt text

Prototipo alta fidelidad que también se encuentra con más detalle en el siguiente link: https://www.figma.com/file/FFf8gazAEYt8xh1MkXRWry/League-of-legends?node-id=178%3A2

alt text

La pantalla de inicio cuenta con un header que nos redirecciona a la página de descarga del juego y a una página que nos muestra más sobre RiotGames, al centro se ve una imagen en movimiento, sobre ella el logo de League of Legends y un botón que indica la palabra "INICIA", el cual hace un scroll en la página y nos ubica en la segunda pantalla.

alt text

La segunda pantalla cuenta con un botón que muestra tarjetas con todos los campeones y sus estadísticas de ataque, defensa, magia y dificultad, una lista de opciones para ordenar por dificultad ascendente o descendente y seis radio button junto a los iconos y nombres de cada rol dentro del juego el cual filtra la data permitiendo ver los campeones filtrados bajo un rol en específico y ordenados por dificultad. alt text El footer de la página contiene los íconos que redireccionan al Twitter y Youtube de LoL, un logo de RiotGames que redirecciona a la página de Riot y un logo de LoL que redirecciona a la página de LoL.

alt text alt text

About


Languages

Language:JavaScript 98.9%Language:CSS 0.8%Language:HTML 0.3%