Redesign Home Screen & Menu Drawer

Redesign Home Screen & Menu Drawer

Redesign and addition of several application features

Redesign and addition of several application features

Redesign Home Screen & Menu Drawer

Redesign and addition of several application features

Overview

Overview

Overview

Redesign the appearance of the home screen and menu drawer to accommodate the addition of mutual fund features and information. Additionally, add features to display social media content updates and company promotions. Improve the overall look of the apps to make them fresher and more effective.

Redesign the appearance of the home screen and menu drawer to accommodate the addition of mutual fund features and information. Additionally, add features to display social media content updates and company promotions. Improve the overall look of the apps to make them fresher and more effective.

Redesign the appearance of the home screen and menu drawer to accommodate the addition of mutual fund features and information. Additionally, add features to display social media content updates and company promotions. Improve the overall look of the apps to make them fresher and more effective.

Application Goals

Application Goals

Application Goals

  1. Re-designing homepage.

  2. Re-designing menu bar.

  3. Added mutual fund information on the homepage.

  4. Added mutual fund menu in the menu bar.

  5. Display social media content updates and company promotions.

  6. Make a prototype to make it easier for the IT team to understand the flow.

  1. Re-designing homepage.

  2. Re-designing menu bar.

  3. Added mutual fund information on the homepage.

  4. Added mutual fund menu in the menu bar.

  5. Display social media content updates and company promotions.

  6. Make a prototype to make it easier for the IT team to understand the flow.

  1. Re-designing homepage.

  2. Re-designing menu bar.

  3. Added mutual fund information on the homepage.

  4. Added mutual fund menu in the menu bar.

  5. Display social media content updates and company promotions.

  6. Make a prototype to make it easier for the IT team to understand the flow.

Challenges

Challenges

Challenges

There aren't many tough challenges here, I just have to follow the basic display of existing applications.

There aren't many tough challenges here, I just have to follow the basic display of existing applications.

There aren't many tough challenges here, I just have to follow the basic display of existing applications.

The Scope I'm Working On

The Scope I'm Working On

The Scope I'm Working On

  • Home Page

  • Menu drawer

  • Notification screens

  • Home Page

  • Menu drawer

  • Notification screens

  • Home Page

  • Menu drawer

  • Notification screens

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.

Define The Requirement

Define The Requirement

Define The Requirement

The following is a list of these needs based on the brief and problems given.

The following is a list of these needs based on the brief and problems given.

The following is a list of these needs based on the brief and problems given.

User Requirement:

  • Users can view general information about stocks and mutual funds on the home page.

  • Users can easily find mutual fund menus and sub-menus.

  • Users can see social media content updates and promotions.

User Requirement:

  • Users can view general information about stocks and mutual funds on the home page.

  • Users can easily find mutual fund menus and sub-menus.

  • Users can see social media content updates and promotions.

User Requirement:

  • Users can view general information about stocks and mutual funds on the home page.

  • Users can easily find mutual fund menus and sub-menus.

  • Users can see social media content updates and promotions.

Systems Requirements:

  • The system displays general information on stocks and mutual funds on the home page with categorization.

  • The system adds menus and sub-menus to the mutual fund sidebar menu.

  • Displays notifications regarding the status of the transaction process.

  • Displays the latest social media content information (YouTube).

  • Displays current promotions.

Systems Requirements:

  • The system displays general information on stocks and mutual funds on the home page with categorization.

  • The system adds menus and sub-menus to the mutual fund sidebar menu.

  • Displays notifications regarding the status of the transaction process.

  • Displays the latest social media content information (YouTube).

  • Displays current promotions.

Systems Requirements:

  • The system displays general information on stocks and mutual funds on the home page with categorization.

  • The system adds menus and sub-menus to the mutual fund sidebar menu.

  • Displays notifications regarding the status of the transaction process.

  • Displays the latest social media content information (YouTube).

  • Displays current promotions.

My Work

My Work

My Work

I'm showing some of the things I've been working on. The results of my work are also the result of discussions with the project manager, IT, and related stakeholders. Nb: Click the picture below to see more clearly

I'm showing some of the things I've been working on. The results of my work are also the result of discussions with the project manager, IT, and related stakeholders. Nb: Click the picture below to see more clearly

I'm showing some of the things I've been working on. The results of my work are also the result of discussions with the project manager, IT, and related stakeholders. Nb: Click the picture below to see more clearly

Wireframe

Wireframe

Wireframe

Mostly the layout created in this wireframe follows the flow of the existing application. To add menus and redesign pages. But here I prioritize categorization in placing menus and information, as well as prioritizing user access in using existing features.

Mostly the layout created in this wireframe follows the flow of the existing application. To add menus and redesign pages. But here I prioritize categorization in placing menus and information, as well as prioritizing user access in using existing features.

Mostly the layout created in this wireframe follows the flow of the existing application. To add menus and redesign pages. But here I prioritize categorization in placing menus and information, as well as prioritizing user access in using existing features.

Mockup

Mockup

Mockup

At this stage I'm only applying the existing application style guides and design systems that I've created.

At this stage I'm only applying the existing application style guides and design systems that I've created.

At this stage I'm only applying the existing application style guides and design systems that I've created.

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