PROJECT DETAILS

Enhance accessibility and increase usability by making the Najdah services available by browser

Seinor UX/UI Designer

4 Months

2023-2024

Overview

Najdah aims to provide high-quality cleaning services by employing professional workers and ensuring efficient work procedures. They already have a mobile app, but they have begun receiving negative feedback regarding accessibility and user retention. Therefore, the Product Manager, following industry research, recommends designing a website. This website would serve as a platform for users to discover services, be accessible via a browser, and offer an alternative solution to the mobile app for the time being. So we need to find if this solution is good, or we may find another solution through the research.

Client

Al-Jeraisy Human Resources Company

Al-Jeraisy Human Resources Company

Industry

Human Services

Human Services

Service

UI / UX Design

UI / UX Design

Web Development

Web Development

Digital Design

Digital Design

Duration

4 Months

4 Months

CHALLENGE, PURPOSE AND DEFINITION

CHALLENGE, PURPOSE AND DEFINITION

CHALLENGE, PURPOSE AND DEFINITION

Problem Statement

What the issue we faced now ?

After conducting market research and analysis, we discovered that the traffic sources indicated low user retention and accessibility issues. Given the significance of this primary user flow, the low user retention represents a serious concern that could risk service delivery.

Problem :

Users have difficulty navigating the reservation-making process through the mobile app.

Problem Understanding

Initial research was conducted to investigate the user flows and pinpoint problem areas, So I started by understanding and navigating our primary users

THE RESERCH APPROACH

THE RESERCH APPROACH

THE RESERCH APPROACH

Pre-Research

During this stage, I dug deep to discover and fix the problems with the "current user flow". Using techniques like collecting feedback insight, usability audit for the current user flow, and competitor analysis.

Discover Feedback from users

As I mentioned earlier, one of our business goals is to increase user retention Therefore, I researching competitors and analyzing packages user flow

For Indirect competitors. i would observe the features and services. Examples of direct competitors: (sponges app-Hourly cleaner in Riyadh: شركات تنظيف المنازل بالساعه )

Findings

Users need to find services without having to sign up.

Users require more package options to suitable their needs.

Users need more easily leading user flow process

THE DESIGN APPROACH

THE DESIGN APPROACH

THE DESIGN APPROACH

How do we approach
this design?

We started by looking at a lot on the market to see what users are used to.So we could now decipher what we needed to do to create a standard worthy of the market.

I collaborated with my product manager to outline the website requirements and how to avoid the issue we found through research.

Process: I collaborated with the product manager to define website requirements.


Advantage: I enhanced the mobile user flow so users can discover services without the need to sign up. I shared this with the team so they agreed on it.

Multiple wireframes rounds, and show it for team before going to the next step

Process: I had multiple rounds of wireframes. After some revision, I showed it to my project manager and reviewed it with the developer team.


Advantage: I had a clear vision before visual design


What I would do differently: Test the wireframes early

Design main components while carefully considering the alignment between the new website, the Mobile application, and the brand of Najdah.

Constraint: The product didn't have a documented design system, but had solid brand guidelines.


Process: I created components while ensuring visual design aligned well with the mobile application and the brand.

WHAT WE CAME UP WITH

WHAT WE CAME UP WITH

WHAT WE CAME UP WITH

User Interface

WHAT WE CAME UP WITH

WHAT WE CAME UP WITH

WHAT WE CAME UP WITH

Recordings of Prototype

The prototype shows:

This flow defines How users can book a visit that suits their needs.

The prototype shows:

1- Resident packages prices

2- Shows users the resident worker is available.

The prototype shows:

1- Change or cancel the contract.

2- Schedule visits