UI/UX Designer Based in Indonesia

UI/UX

Mobile App

EDRIVEN SCORE APP

The eDriven Score mobile application is an internal project undertaken by my employer, eDriven Apps LLC, based in Cincinnati, Ohio. The application caters to a primary audience of athletes, coaches, sports teams or club owners, and sports enthusiasts. It features a scoreboard functionality for sports matches registered within a sports league. While the application had been previously launched, it was subsequently deactivated. This project involves a redesign, incorporating new features, and modifying the UI appearance of the application.

Simplify tracking for sports fans to follow their favorite team's match info and schedule.

Provide universal access for anyone to create or join a live scoreboard

Streamline athlete experience in viewing and updating their profiles, including personal information, team details, and earned awards

Facilitate team owner tasks in managing rosters, match details, and overall information.

Enhance organization owner capabilities in overseeing teams, members, awards, and special awards such as Ring of Honor and Hall of Fame.

Streamline league manager responsibilities in managing league aspects such as scoreboards, upcoming matches, and managing team join requests for the athletes.

INTRO AND GOALS

USER AUDIENCE

The target audience for this project are :

Athlete

An individual who is a player in a sports team. If the athlete finds their profile, they will allow to claim the profile.

Team Owner

An individual who owns one or ore sports team. This individual is responsible for managing all information related to their team.

Organization Owner

An individual who owns a sport organization or club. This individual is in charge of overseeing all information and teams under the organization.

League Manager

An individual who is responsible for managing all information within a league information such as the teams registered in the league during a specific season.

Non-Athlete / Sport Enthusiast

An individual who is a sports fan or a fan of specific team will allowed to accessing information related to match details, teams, organization or league that they were interested. This individual will allowed to create a live scoreboard for a match.

This project was an internal project within my company, where I am employed. In this project, I held the position of Lead UI Designer and collaborated with the CEO (who also serves as the CTO), Project Manager, and Developer. My main responsibility was to create the UI design, convert the exist wireframe into the High-Fidelity Design, and be responsible for any visual elements like icons or illustrations.

ROLE AND RESPONSIBILITY

SCOPE AND CONSTRAINT

In this project, I was responsible for the Mobile App and the Admin Dashboard. I'm focusing on the first phase of this project and the Mobile App. In this phase, I'm redesigning the UI/UX to be simpler and cleaner than the old version. I'm also turning ideas for new features into visual designs and creating a prototype. This app will have 3 roles, which are:

Non Login User :

Can browse the organization and leagues.
Can search a player by their EDRIVENSCORE ID.
Can join to the virtual scoreboard.

Can browse the organization and leagues.
Can search a player by their EDRIVENSCORE ID.
Can join to the virtual scoreboard.

Logged In User :

Can browse the organization, team, and league.
Can mark the organization, team, league or even a player as a "Favorite".
Can search a player by their EDRIVENSCORE ID.
Can create or join the virtual scoreboard.
Will have an ability to choose specific scoreboard that will be displayed by marking favorite to the team.
Will have the ability to claim their player profile and update it.
Will have a feature called "Locker Room". This feature will be a place that allow this user to manage all items related to their athlete profile that has been claimed, such as personal information, awards, staff profile (if user is a staff), and youth profile (if user is a parent).

Can browse the organization, team, and league.
Can mark the organization, team, league or even a player as a "Favorite".
Can search a player by their EDRIVENSCORE ID.
Can create or join the virtual scoreboard.
Will have an ability to choose specific scoreboard that will be displayed by marking favorite to the team.
Will have the ability to claim their player profile and update it.
Will have a feature called "Locker Room". This feature will be a place that allow this user to manage all items related to their athlete profile that has been claimed, such as personal information, awards, staff profile (if user is a staff), and youth profile (if user is a parent).

Manager :

Will have the same abilities like the Logged In User
Will have the ability to manage all items that the user is responsible for in the team, organization, or even league.

Will have the same abilities like the Logged In User
Will have the ability to manage all items that the user is responsible for in the team, organization, or even league.

I worked on this phase from November to December 2022. Some features are not in this phase but will be added later with a 'Coming Soon' status.

Wireframe

For this project, I skipped the "Wireframe" process and directly created the high-fidelity design. It's because the timeline I have for this project is short and this app has a goal to be used for the Blue Collar Football League (BCFL) as soon. But, there are old designs for this app and a few wireframes that have been created by the Project Manager (PM). So, based on those items I have, I started converting them into the High-Fidelity design

Challenges

The main challenge for me on this project is this is the first time I work on the complex application and I need to learn about how make this app easy-to-use for the target audience especially for the athletes, staffs, and managers.
Another problem I faced on this project is I need to learn a few sport that I was not familiar like American Football and Baseball. That's because on this app, I need to make the information is visualize with a familiar style that can help the main user, which are athletes and managers.

The main challenge for me on this project is this is the first time I work on the complex application and I need to learn about how make this app easy-to-use for the target audience especially for the athletes, staffs, and managers.
Another problem I faced on this project is I need to learn a few sport that I was not familiar like American Football and Baseball. That's because on this app, I need to make the information is visualize with a familiar style that can help the main user, which are athletes and managers.

Mockup

On this study case, I will provide 3 mockups based on the role that be used on this app, which are :

Non Login User Screens
Logged In User Screens
Manager Screens

On this study case, I will provide 3 mockups based on the role that be used on this app, which are :

Non Login User Screens
Logged In User Screens
Manager Screens

THE

PROCESS

THE PROCESS

Non Login User Screens

Logged In User Screens

Manager Screens

For this role, I only put the specific screens that related to the role, The another screens is same like as "Logged In User" screens.

The Result

After completing the initial mockup design, the application was promptly taken over by our development team. However, during the ongoing development process, I received instructions from my project manager to refine certain stuffs for improvement, such as enhancing the user experience through more effective UX copy in error messages, creating custom illustration that represented the brand, and etc. As of January 2024, the application remains in the development phase and is scheduled for deployment for BCFL's use in the year 2024.

LET'S EXPLORE ANOTHER STUDY CASE

Javadestination

Papan Narapraja

QueenPixel

Projects

Exploration

My Resume

QueenPixel