Easy Investing in Payment Gateway Apps

Easy Investing in Payment Gateway Apps

Easy Investing in Payment Gateway Apps

Overview

Overview

Overview

This application enhances collaboration between NH Korindo Sekuritas and the DANA payment gateway. It is expected that with this collaboration, DANA users can use one of these menu widgets to invest easily by providing easy payment with DANA.

This application enhances collaboration between NH Korindo Sekuritas and the DANA payment gateway. It is expected that with this collaboration, DANA users can use one of these menu widgets to invest easily by providing easy payment with DANA.

Application Goals

Application Goals

Application Goals

  1. Simplifying existing applications into applications that can also reach the beginner market so that it is easy to understand and operate.

  2. Provide user convenience in making transactions using the payment gateway provided.

  3. Streamline flow in account opening and log-in with SSO (Single Sign-On).

  1. Simplifying existing applications into applications that can also reach the beginner market so that it is easy to understand and operate.

  2. Provide user convenience in making transactions using the payment gateway provided.

  3. Streamline flow in account opening and log-in with SSO (Single Sign-On).

  1. Simplifying existing applications into applications that can also reach the beginner market so that it is easy to understand and operate.

  2. Provide user convenience in making transactions using the payment gateway provided.

  3. Streamline flow in account opening and log-in with SSO (Single Sign-On).

The Scope I'm Working On

The Scope I'm Working On

The Scope I'm Working On

  • Onboarding process pages

  • Login / Register landing page

  • Login process pages

  • Register process pages

  • Buy / Sell shares

  • RDN top-up & withdrawal process

  • Settings pages

  • Onboarding process pages

  • Login / Register landing page

  • Login process pages

  • Register process pages

  • Buy / Sell shares

  • RDN top-up & withdrawal process

  • Settings pages

  • Onboarding process pages

  • Login / Register landing page

  • Login process pages

  • Register process pages

  • Buy / Sell shares

  • RDN top-up & withdrawal process

  • Settings pages

  • Stock Price pages

  • Portfolio pages

  • One-page Review pages

  • Stock Details pages

  • Transaction History page

  • And other additional pages (pop-ups, filters, and optional fields)

  • Stock Price pages

  • Portfolio pages

  • One-page Review pages

  • Stock Details pages

  • Transaction History page

  • And other additional pages (pop-ups, filters, and optional fields)

  • Stock Price pages

  • Portfolio pages

  • One-page Review pages

  • Stock Details pages

  • Transaction History page

  • And other additional pages (pop-ups, filters, and optional fields)

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 NH team and DANA team to understand about this collaboration. From there I got their requirements that I need to work on.

I had many meetings with NH team and DANA team to understand about this collaboration. From there I got their requirements that I need to work on.

I had many meetings with NH team and DANA team to understand about this collaboration. From there I got their requirements that I need to work on.

Do Small Research

Do Small Research

  • Stakeholders Interview

    Before all start, I interviewed the DANA team to understand about their users background and behavior


  • Competitor Research

    I also do competitor research that has simple investment flow (Since ours is already complex and intended for experts)

  • Stakeholders Interview

    Before all start, I interviewed the DANA team to understand about their users background and behavior


  • Competitor Research

    I also do competitor research that has simple investment flow (Since ours is already complex and intended for experts)

  • Stakeholders Interview

    Before all start, I interviewed the DANA team to understand about their users background and behavior


  • Competitor Research

    I also do competitor research that has simple investment flow (Since ours is already complex and intended for experts)

Create The Flow

Create The Flow

  • I observed the current DANA application flow to create a continuous flow.

  • From the research, I got the basic and most important flow that must be in the Application.


In addition to the flow below, there are still many screens containing stock information, as well as user account information obtained from user activities in stock transactions.

  • I observed the current DANA application flow to create a continuous flow.

  • From the research, I got the basic and most important flow that must be in the Application.


In addition to the flow below, there are still many screens containing stock information, as well as user account information obtained from user activities in stock transactions.

  • I observed the current DANA application flow to create a continuous flow.

  • From the research, I got the basic and most important flow that must be in the Application.


In addition to the flow below, there are still many screens containing stock information, as well as user account information obtained from user activities in stock transactions.

  1. First access flow from Payment Gateway Apps to Investment Apps (NAIK)

  1. First access flow from Payment Gateway Apps to Investment Apps (NAIK)

  1. Login / register

  1. Login / register

  1. Buy stock

  1. Buy stock

The flow above shows about 3 flows:

  • Purchase with enough RDN balance

  • Purchase with a low RDN balance but with enough payment gateway balance to top-up

  • Purchase with a low RDN balance, but also not having enough payment gateway balance to top-up

The flow above shows about 3 flows:

  • Purchase with enough RDN balance

  • Purchase with a low RDN balance but with enough payment gateway balance to top-up

  • Purchase with a low RDN balance, but also not having enough payment gateway balance to top-up

The flow above shows about 3 flows:

  • Purchase with enough RDN balance

  • Purchase with a low RDN balance but with enough payment gateway balance to top-up

  • Purchase with a low RDN balance, but also not having enough payment gateway balance to top-up

4. Sell Stock

4. Sell Stock

5. Top-up RDN

5. Top-up RDN

6. Withdraw

6. Withdraw

6. Withdraw

Create The Wireframe

Create The Wireframe

  • Create Various Design Variations

    I crate various designs and choose the most suitable to project goals.

  • Following DANA's Style Guide

    Because this application will be implemented on the DANA application, so I need to align the design style.

  • Continuous review from NH and DANA Team

    This stage is being reviewed on a weekly basis. In addition to the project manager, it was also reviewed by the DANA team during a joint meeting. Due to differences in the development team, some things could not be applied, so communication continued.

  • Create Various Design Variations

    I crate various designs and choose the most suitable to project goals.

  • Following DANA's Style Guide

    Because this application will be implemented on the DANA application, so I need to align the design style.

  • Continuous review from NH and DANA Team

    This stage is being reviewed on a weekly basis. In addition to the project manager, it was also reviewed by the DANA team during a joint meeting. Due to differences in the development team, some things could not be applied, so communication continued.

  • Create Various Design Variations

    I crate various designs and choose the most suitable to project goals.

  • Following DANA's Style Guide

    Because this application will be implemented on the DANA application, so I need to align the design style.

  • Continuous review from NH and DANA Team

    This stage is being reviewed on a weekly basis. In addition to the project manager, it was also reviewed by the DANA team during a joint meeting. Due to differences in the development team, some things could not be applied, so communication continued.

  • Landing Screens

  • Landing Screens

On the landing screen of the Mini NAIK application, users can apply available promos and find instructions on how to make transactions.

On the landing screen of the Mini NAIK application, users can apply available promos and find instructions on how to make transactions.

On the landing screen of the Mini NAIK application, users can apply available promos and find instructions on how to make transactions.

  • Register Screens

  • Register Screens

While making these screens, I encountered many obstacles and had to discuss extensively with related stakeholders. This registration stage is crucial, as it involves KYC considerations that must be met in securities, as well as various dos and don'ts.


The required data is extensive, so I am striving to display it in a way that does not overwhelm users with too much information to fill in. This is to reduce the possibility of users abandoning the registration process due to the complexity of filling in the data.


Disclaimer: During the creation of this screen, continuous discussions were held with various stakeholders to ensure a more efficient display for users to fill in.

While making these screens, I encountered many obstacles and had to discuss extensively with related stakeholders. This registration stage is crucial, as it involves KYC considerations that must be met in securities, as well as various dos and don'ts.


The required data is extensive, so I am striving to display it in a way that does not overwhelm users with too much information to fill in. This is to reduce the possibility of users abandoning the registration process due to the complexity of filling in the data.


Disclaimer: During the creation of this screen, continuous discussions were held with various stakeholders to ensure a more efficient display for users to fill in.

While making these screens, I encountered many obstacles and had to discuss extensively with related stakeholders. This registration stage is crucial, as it involves KYC considerations that must be met in securities, as well as various dos and don'ts.


The required data is extensive, so I am striving to display it in a way that does not overwhelm users with too much information to fill in. This is to reduce the possibility of users abandoning the registration process due to the complexity of filling in the data.


Disclaimer: During the creation of this screen, continuous discussions were held with various stakeholders to ensure a more efficient display for users to fill in.

  • Buy Stock Screens

  • Buy Stock Screens

  • Sell Stock Screens

  • Sell Stock Screens

Create The Mockup & Prototype

Create The Mockup & Prototype

I started by creating a visual design and applied it according to the style guides of both applications, utilizing established design systems to expedite the work. Despite working on a high-fidelity design, revisions, additions, and reductions were necessary. I aimed to retain NAIK's distinctive characteristics while following DANA's style guide. And prototypes also help me as a designer to show stakeholders how the application will work.


Ps: The designs below are just a few of the designs that I can display.

I started by creating a visual design and applied it according to the style guides of both applications, utilizing established design systems to expedite the work. Despite working on a high-fidelity design, revisions, additions, and reductions were necessary. I aimed to retain NAIK's distinctive characteristics while following DANA's style guide. And prototypes also help me as a designer to show stakeholders how the application will work.


Ps: The designs below are just a few of the designs that I can display.

I started by creating a visual design and applied it according to the style guides of both applications, utilizing established design systems to expedite the work. Despite working on a high-fidelity design, revisions, additions, and reductions were necessary. I aimed to retain NAIK's distinctive characteristics while following DANA's style guide. And prototypes also help me as a designer to show stakeholders how the application will work.


Ps: The designs below are just a few of the designs that I can display.

  • Landing Screens

  • Landing Screens

  • Register Screens

  • Register Screens

  • Buy Stock Screens

  • Buy Stock Screens

  • Sell Stock Screens

  • Sell Stock Screens

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