NAVA

NAVA

NAVA

Region

Region

Region

Saudi Arabia

Saudi Arabia

Saudi Arabia

Year

Year

Year

2023

2023

2023

The project itself :

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.

Problem:

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

Goal:

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

My role:

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

Responsibilities:
  • iterating on designs of website: desktop tablet and mobile versions

The clear version :

Design

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

Mockups

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.

Admin portal:
Client's portal:
Entity establishment:
Request tracker:
Branch service:
… and other services
Design system:
Login
Login
Entity establishment service
Entity establishment service
User space
User space
Established branches
Established branches
Establishment request
Establishment request
Family fund request details
Family fund request details
Establishment, step 8
Establishment, step 8
Establishment, step 6
Establishment, step 6
Profile
Profile
Profile, picture adding
Profile, picture adding
License info
License info
Edited request info
Edited request info

The project schematically :

Outcome

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

Takeways

The series of hand-drawing frames that visually describe and explore a user's experience with a product. 

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.

What I learned:

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

Next Steps

The series of hand-drawing frames that visually describe and explore a user's experience with a product. 

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 free website with Framer, the website builder loved by startups, designers and agencies.