Participant Manager

Participant Manager

My Role

Project Name: Empedia

Duration: 40 hour
Role: Product Designer

Overview

In the realm of online betting and gaming, our project is dedicated to crafting a groundbreaking tool. This innovative solution primarily focuses on seamlessly grouping teams and players together, addressing the challenge posed by numerous entries sharing the same team within our database.

Problem Statement

One reason is that there are typically errors in the software from earlier versions. Unfortunately, these errors are not corrected, as the players associated with them cannot be deleted from the database due to their existing attachments to events; hence, they must be retained.

Another reason stems from the unique player or team IDs assigned by each event provider. To accommodate this diversity, we establish distinct entries in our Sportsbook database for each provider. This ensures the seamless integration of data from various sources, enhancing the adaptability and comprehensiveness of our system.

Use cases

Modify filters for participant management - done: 'name' and 'internal or external ID' fields only

flow:
1 : I did a search and I see a list of participants
2 : I select one and make it to master based in the displayed information
3 : I select that master so it is somehow added to the left or top or to a separate place. This will be an entity where I will map other entityties to. I will see now the state of that participant, mapped participants, and other useful information. My search results are still visible.
4 : I select muplitple participants and map it to the selected master.
5 : I do another search, the selected master is still inplace, and select some others and map it to the selected mater.
6 : I repeat step 4 as many times I think it is needed.
7 : I stop working with that master, I close it or do a different search and select another master for mapping, and start from point 1.

Approch & Wireframe

Figure : All Tab (Default)

1 : There will be two tab :
a : All (will be default) &
b : Unmapped & Master
In all tab a trader will be able to see all the unmapped, secondary and master participants state all together along with the filter option

2 : Filter icon : is an option to hide the filter section when it not in use.

3 : State is the Column where unmapped, secondary and master participants will be shown.

4 : This chevron will be shown when there is any secondary and master participants are grouped.
Example : Lets suppose one row has a secondary state when we click into that chevron it will get expanded and will show on which master it is grouped to.

1 : Show more icon : which will be used to expand the Master participant table to show the rest of hidden columns.

2 : Edit icon : By clicking on edit icon it will deactivate the rest rows in the Master participant table and the user will be able to edit (example : by dragging the secondary participants from Master to Unmapped participant table)

3 : This chevron will show the Participants which are grouped to these master row.

4 : Check box : This will help user to transfer large amount of Unmapped Participant to Master

5 : Drag Indicator : this icon will help user to drag Unmapped to Master table or same from Secondary to Unmapped table

1 : Show more icon : which will be used to expand the Master participant table to show the rest of hidden columns.

2 : Edit icon : By clicking on edit icon it will deactivate the rest rows in the Master participant table and the user will be able to edit (example : by dragging the secondary participants from Master to Unmapped participant table)

3 : This chevron will show the Participants which are grouped to these master row.

4 : Check box : This will help user to transfer large amount of Unmapped Participant to Master

5 : Drag Indicator : this icon will help user to drag Unmapped to Master table or same from Secondary to Unmapped table

All Tab

Master row expand

Unmapped & Master Tab

Divided into two table in a single screen

Master Tab

Master table Expanded version

Master Tab Expanded Version

All Tab

Default Tab

Screens

All Tab

Default Tab

Premium UX Template for Framer

All Tab

Master row expand

Premium UX Template for Framer

Unmapped & Master Tab

Divided into two table in a single screen

Premium UX Template for Framer

Master Tab

Master table Expanded version

Premium UX Template for Framer

Master Tab Expand version


Premium UX Template for Framer

Conclusion

The design process for Empedia was a journey from identifying a critical workplace problem to crafting a comprehensive solution. By leveraging Figma for wireframing and prototyping and Adobe AfterEffects for the product promo video, each phase of the process was meticulously executed. Empedia stands as a testament to the iterative and user-centric design approach, ensuring that the final product not only addressed the initial problem but also exceeded user expectations, creating a positive and engaging workplace experience.

© 2024 alberdbrahma.

© 2024 alberdbrahma.