Register & Track Trading Competition in One Menu

Register & Track Trading Competition in One Menu

Register & Track Trading Competition in One Menu

This trading competition is one of the new features added to the existing NAIK application. This feature will cover the needs of competitive trading events that will run for some time. It is expected that this design will be applicable in the future competitions.


Ps: NAIK is a stock mobile web app owned by the NH Korindo Sekuritas Indonesia

This trading competition is one of the new features added to the existing NAIK application. This feature will cover the needs of competitive trading events that will run for some time. It is expected that this design will be applicable in the future competitions.


Ps: NAIK is a stock mobile web app owned by the NH Korindo Sekuritas Indonesia

This trading competition is one of the new features added to the existing NAIK application. This feature will cover the needs of competitive trading events that will run for some time. It is expected that this design will be applicable in the future competitions.


Ps: NAIK is a stock mobile web app owned by the NH Korindo Sekuritas Indonesia

Application Goals

Application Goals

Application Goals

  1. Provide pages for users to register the competition.

  2. Provide a leaderboard for users to monitor their current position and/or the weekly winner leaderboard.

  3. Provide a special portfolio that shows the transaction during the competition.

  1. Provide pages for users to register the competition.

  2. Provide a leaderboard for users to monitor their current position and/or the weekly winner leaderboard.

  3. Provide a special portfolio that shows the transaction during the competition.

Work Flow

Work Flow

Work Flow

In all processes, I am in constant communication with the project manager, mutual fund team, management, and IT team.

In all processes, I am in constant communication with the project manager, mutual fund team, management, and IT team.

In all processes, I am in constant communication with the project manager, mutual fund team, management, and IT team.

Get The Brief

Get The Brief

I had many meetings with the project manager and IT team about the project needs. The needs often changed because this was our first experience holding a trade competition. And we discussed according to our expertise so that the project could run harmoniously.

I had many meetings with the project manager and IT team about the project needs. The needs often changed because this was our first experience holding a trade competition. And we discussed according to our expertise so that the project could run harmoniously.

I had many meetings with the project manager and IT team about the project needs. The needs often changed because this was our first experience holding a trade competition. And we discussed according to our expertise so that the project could run harmoniously.

Define The requirement

Define The requirement

From the meetings I concluded several flow and design needs that have to be worked on and I confirmed it to other stakeholders. Here are the details:

From the meetings I concluded several flow and design needs that have to be worked on and I confirmed it to other stakeholders. Here are the details:

From the meetings I concluded several flow and design needs that have to be worked on and I confirmed it to other stakeholders. Here are the details:

User Requirement:

  • Users log in to NAIK Apps

  • Users register for the competition

  • Users choose which account they want to use (They can use 1 account only)

  • Users choose which category they want to join (They can join both individual & group categories)

  • Users do the transactions

  • Users could see their transaction history

  • Users could see their competition details

  • Show information on how many referral codes have been used

User Requirement:

  • Users log in to NAIK Apps

  • Users register for the competition

  • Users choose which account they want to use (They can use 1 account only)

  • Users choose which category they want to join (They can join both individual & group categories)

  • Users do the transactions

  • Users could see their transaction history

  • Users could see their competition details

  • Show information on how many referral codes have been used

User Requirement:

  • Users log in to NAIK Apps

  • Users register for the competition

  • Users choose which account they want to use (They can use 1 account only)

  • Users choose which category they want to join (They can join both individual & group categories)

  • Users do the transactions

  • Users could see their transaction history

  • Users could see their competition details

  • Show information on how many referral codes have been used

Systems Requirements:

  • Provide a page for individual competition registration

  • Provide a page for group competition registration

  • Provide a page for joining group competition

  • Provide individual and group portfolio

  • Addable category/menu

  • Only show the top 5 ranks in the leaderboard (give option more details)

  • Add TnC in the rank screen

  • Give a differentiator for the screen that is following the competition

  • There is a rank for trading competition and members get member competition

  • Define how to register in individual or group team

Systems Requirements:

  • Provide pages for individual competition registration

  • Provide a page for registration of competition groups

  • Provide a page for joining group competition

  • Provide individual and group portfolio

  • Addable category / menu

  • Only show the top 5 ranks (give option more details)

  • Add TnC in the rank screen

  • Give a differentiator for the screen that is following the competition

  • There is a rank for trading competition and members get member competition

  • Define how to register in individual or group team

Systems Requirements:

  • Provide a page for individual competition registration

  • Provide a page for group competition registration

  • Provide a page for joining group competition

  • Provide individual and group portfolio

  • Addable category/menu

  • Only show the top 5 ranks in the leaderboard (give option more details)

  • Add TnC in the rank screen

  • Give a differentiator for the screen that is following the competition

  • There is a rank for trading competition and members get member competition

  • Define how to register in individual or group team

Create The Flow

Create The Flow

Here I create a flow for registration, leaderboard monitoring, profile information, portfolio information, and even cases where a user wants to leave the competition.

Here I create a flow for registration, leaderboard monitoring, profile information, portfolio information, and even cases where a user wants to leave the competition.

Here I create a flow for registration, leaderboard monitoring, profile information, portfolio information, and even cases where a user wants to leave the competition.

  • Competition Registration

  • My Performance

  • Leaderboard

  • Daily Top Performer

  • Leave The Competition

Wireframe

Wireframe

Wireframe

In this stage, there are often additional requirements that come as well as changes in application requirements submitted by management. In this stage, a lot of experiments are also carried out on the screen to produce the most effective flow according to the needs. Here are some examples of the wireframe views I created.

In this stage, there are often additional requirements that come as well as changes in application requirements submitted by management. In this stage, a lot of experiments are also carried out on the screen to produce the most effective flow according to the needs. Here are some examples of the wireframe views I created.

In this stage, there are often additional requirements that come as well as changes in application requirements submitted by management. In this stage, a lot of experiments are also carried out on the screen to produce the most effective flow according to the needs. Here are some examples of the wireframe views I created.

Mockup

Mockup

Mockup

At this stage, there are often additional requirements that arise as well as changes in application requirements proposed by management. At this stage, there are also many experiments carried out on the screen. The design style follows the existing one.

At this stage, there are often additional requirements that arise as well as changes in application requirements proposed by management. At this stage, there are also many experiments carried out on the screen. The design style follows the existing one.

At this stage, there are often additional requirements that arise as well as changes in application requirements proposed by management. At this stage, there are also many experiments carried out on the screen. The design style follows the existing one.

Challenges

Challenges

Challenges

The challenge here is the lack of clarity on the concept of competition from management, which keeps the design constantly changing. And here I also have to make sure my design is able to be applied by the IT team.

The challenge here is the lack of clarity on the concept of competition from management, which keeps the design constantly changing. And here I also have to make sure my design is able to be applied by the IT team.

The challenge here is the lack of clarity on the concept of competition from management, which keeps the design constantly changing. And here I also have to make sure my design is able to be applied by the IT team.

Want to know more? Please contact me and arrange a meeting to discuss more details

Want to know more? Please contact me and arrange a meeting to discuss more details

Want to know more? Please contact me and arrange a meeting to discuss more details

© 2023 Design by Olivia

© 2023 Design by Olivia