UleagueApp

The new home for e-sports tournaments

The main goal was to re-design the whole user experience and create a seamless and eye-catching user interface.

About the project

UX/UI & Visual Design


This year I was commissioned to redesign the UI system for Uleague, a mobile app to create, manage and participate in cross-platform e-sports tournaments, in this first stage soccer-only.


Although they looked for me to work in the visual part of the app and the UI design, I also helped in the restructuring of the application so that it could be user-friendly, had a better IA and the user experience was better in general.

Image Title
Some screens

The Challenge

Redesigning the user experience without implying the redevelopment of the app from scratch was certainly the most complex challenge. Among the proposals that emerged from the research work were included new services and features, additional information that would help the organizers and players to better understand the platform and even, it was also proposed to gamify the experience through a virtual currency, levels, prizes and badges to increase the app engagement and user retention.

image
image

The Solution

We started deconstructing the application that was built and made a diagnosis through rapid tests to understand the user’s frustrations and pain-points. We found that there were shortcomings in the presentation of the information, the interface was confusing and the registration process for a tournament was not well understood. With these problems in mind and with the positive aspects that the application already had, we work on the structure of the tournaments, the prioritization of information and the visual hierarchy. We added elements that were not in the first version and unified the visual elements of the platform.


We made low, medium and high fidelity prototypes to test the hypotheses we had about the use of the application and we iterated on the feedback in each round. We add animations, micro-interactions and implement a simpler and more efficient visual language.

image
image
image
image
image
image