NAVA

NAVA

NAVA

NAVA

Region

Region

Saudi Arabia

Saudi Arabia

Year

Year

Region

2022

2022

Saudi Arabia

Year

2022

NAVA

Voo's Cinema

Voo's Cinema

Voo's Cinema

Voo's Cinema

Nava Voo's presentation image
Nava Voo's presentation image
Nava Voo's presentation image
Nava Voo's presentation image
Nava Voo's presentation image

the project itself :

the project itself :

the project itself :

the project itself :

the project itself :

Project Overview

Project Overview

Project Overview

Project Overview

Project Overview

A responsive website for NAVA, a major non-profit platform that provides integrated services to support and enhance the sector in alignment with Saudi Arabia's Vision 2030, aimed at increasing societal and economic contributions.

A responsive website for NAVA, a major non-profit platform that provides integrated services to support and enhance the sector in alignment with Saudi Arabia's Vision 2030, aimed at increasing societal and economic contributions.

A responsive website for NAVA, a major non-profit platform that provides integrated services to support and enhance the sector in alignment with Saudi Arabia's Vision 2030, aimed at increasing societal and economic contributions.

A responsive website for NAVA, a major non-profit platform that provides integrated services to support and enhance the sector in alignment with Saudi Arabia's Vision 2030, aimed at increasing societal and economic contributions.

Project Overview

Mastercard Connect (MC) is where Mastercard's customers, like large banks, come to manage their business. A birthright feature of MC is My Company Manager (MCM), which allows users to manage everything pertaining to their company. Contacts is one of those features. It stores all of a company's internal and external contacts.

Problem:

Problem:

Problem:

Problem:

Problem:

The Saudi market lacked convenient resources that would allow companies and organizations to invest in the country's future by attracting additional funds.

The Saudi market lacked convenient resources that would allow companies and organizations to invest in the country's future by attracting additional funds.

The Saudi market lacked convenient resources that would allow companies and organizations to invest in the country's future by attracting additional funds.

The Saudi market lacked convenient resources that would allow companies and organizations to invest in the country's future by attracting additional funds.

Goal:

Goal:

Goal:

Goal:

Goal:

To develop a new all-encompassing platform for businesses and clients that differentiates itself from other similar projects.

To develop a new all-encompassing platform for businesses and clients that differentiates itself from other similar projects.

To develop a new all-encompassing platform for businesses and clients that differentiates itself from other similar projects.

To develop a new all-encompassing platform for businesses and clients that differentiates itself from other similar projects.

My role:

My role:

My role:

My role:

My role:

UX designer spearheading the design of the NAVA platform, while also managing two mid-level UX designers on the project.

UX designer spearheading the design of the NAVA platform, while also managing two mid-level UX designers on the project.

UX designer spearheading the design of the NAVA platform, while also managing two mid-level UX designers on the project.

UX designer spearheading the design of the NAVA platform, while also managing two mid-level UX designers on the project.

Responsibilities:

Responsibilities:

Responsibilities:

Responsibilities:

Responsibilities:

  • iterating on designs of website: dektop tablet and mobile versions

  • iterating on designs of website: dektop tablet and mobile versions

  • iterating on designs of website: dektop tablet and mobile versions

  • iterating on designs of website: dektop tablet and mobile versions

the clear vision:

the clear vision:

the clear vision:

the clear vision :

the clear vision :

Design

Design

Design

Design

Design

Static, high-fidelity NAVA design, that is a clear representation of a final product called design mockups.

Static, high-fidelity NAVA design, that is a clear representation of a final product called design mockups.

Static, high-fidelity NAVA design, that is a clear representation of a final product called design mockups.

Static, high-fidelity NAVA design, that is a clear representation of a final product called design mockups.

Mockups

Mockups

Mockups

Mockups

Mockups

These are a high fidelity design that represents a final product

These are a high fidelity design that represents a final product

These are a high fidelity design that represents a final product

These are a high fidelity design that represents a final product

I created all the website pages mockups, incorporating the right design elements such as typography, color, iconography, and developed all the necessary components and elements.

The goal was to demonstrate the final NAVA platform in as much detail as possible.

I created all the website pages mockups, incorporating the right design elements such as typography, color, iconography, and developed all the necessary components and elements.

The goal was to demonstrate the final NAVA platform in as much detail as possible.

I created all the website pages mockups, incorporating the right design elements such as typography, color, iconography, and developed all the necessary components and elements.

The goal was to demonstrate the final NAVA platform in as much detail as possible.

I created all the website pages mockups, incorporating the right design elements such as typography, color, iconography, and developed all the necessary components and elements.

The goal was to demonstrate the final NAVA platform in as much detail as possible.

Admin portal:

Admin portal:

Admin portal:

Admin portal:

Admin portal:

Admin portal
Admin portal
Admin portal
Admin portal
Admin portal

Client's portal:

Client's portal:

Client's portal:

Client's portal:

Client's portal:

Entity establishment:

Entity establishment:

Entity establishment:

Entity establishment:

Entity establishment:

Client's portal: Entity establishment
Client's portal: Entity establishment
Client's portal: Entity establishment
Client's portal: Entity establishment
Client's portal: Entity establishment

Request tracker:

Request tracker:

Request tracker:

Request tracker:

Request tracker:

Client's portal: Request tracker
Client's portal: Request tracker
Client's portal: Request tracker
Client's portal: Request tracker
Client's portal: Request tracker

… and many other services

… and many other services

… and many other services

… and many other services

Branch service:

Branch service:

Branch service:

Branch service:

Branch service:

Client's portal: Branch service
Client's portal: Branch service
Client's portal: Branch service
Client's portal: Branch service
Client's portal: Branch service

Design system:

Design system:

Design system:

Design system:

Design system:

Design system
Design system
Design system
Design system
Design system
Login
Login
Login
Login
Login
Entity establishment service
Entity establishment service
Entity establishment service
Entity establishment service
Entity establishment service
User space
User space
User space
User space
User space
Established branches
Established branches
Established branches
Established branches
Established branches
Establishment request
Establishment request
Establishment request
Establishment request
Establishment request
Family fund request details
Family fund request details
Family fund request details
Family fund request details
Family fund request details
Establishment, step 6
Establishment, step 6
Establishment, step 6
Establishment, step 6
Establishment, step 6
Establishment, step 8
Establishment, step 8
Establishment, step 8
Establishment, step 8
Establishment, step 8
Profile
Profile
Profile
Profile
Profile
Profile, picture adding
Profile, picture adding
Profile, picture adding
Profile, picture adding
Profile, picture adding
License info
License info
License info
License info
License info
Edited request info
Edited request info
Edited request info
Edited request info
Edited request info

about the project :

about the project :

looking forward :

looking forward:

looking forward :

looking forward :

looking forward :

Outcome

Outcome

Outcome

Outcome

Now, finally, it remained to pay attention to several takeaways and plan some further steps.

Now, finally, it remained to pay attention to several takeaways and plan some further steps.

Now, finally, it remained to pay attention to several takeaways and plan some further steps.

Now, finally, it remained to pay attention to several takeaways and plan some further steps.

Takeaways

Takeaways

Takeaways

Takeaways

Takeaways

Impact:

Impact:

Impact:

Impact:

Impact:

NAVA users have described its design as intuitive and highly user-friendly. Additionally, the platform gained over 400 active clients shortly after its launch.

NAVA users have described its design as intuitive and highly user-friendly. Additionally, the platform gained over 400 active clients shortly after its launch.

NAVA users have described its design as intuitive and highly user-friendly. Additionally, the platform gained over 400 active clients shortly after its launch.

NAVA users have described its design as intuitive and highly user-friendly. Additionally, the platform gained over 400 active clients shortly after its launch.

What I learned:

What I learned:

What I learned:

What I learned:

What I learned:

The most important takeaway for me is to always focus on the real needs of the users. 

The most important takeaway for me is to always focus on the real needs of the users. 

The most important takeaway for me is to always focus on the real needs of the users. 

The most important takeaway for me is to always focus on the real needs of the users. 

Next steps

Next steps

Next steps

Next steps

Next steps

Identify any additional areas of NAVA platform for companies and people they invited.

Identify any additional areas of NAVA platform for companies and people they invited.

Identify any additional areas of NAVA platform for companies and people they invited.

Identify any additional areas of NAVA platform for companies and people they invited.

Create a native mobile app of the platform instead of the responsive version.

Create a native mobile app of the platform instead of the responsive version.

Create a native mobile app of the platform instead of the responsive version.

Create a native mobile app of the platform instead of the responsive version.

To get in touch :

To get in touch :

To get in touch :

To get in touch :

To get in touch

Connect

Connect

Connect

Connect

Connect

Follow:

Follow:

Follow:

Follow:

Follow:

Linkedin

Linkedin

Ldn

Twitter

Twitter

Twi

Behance

Behance

Beh

Dribble

Dribble

Drb

Let me help with a great visual solution for your business.

Let me help with a great visual solution for your business.

Let me help with a great visual solution for your business.

Let me help with a great visual solution for your business.

Let me help with a great visual solution for your business.

Click to copy :

Click to copy :

Click to copy :

Click to copy :

Click to copy

Email Image

Works

Overview

Design

Outcome

Overview

Design

Outcome

Works