FATIMA SHABAN

Get in touch

FATIMA SHABAN

Get in touch

4 months

STAAPRO - Service Provider App

ASTAA is a mobile application designed for service professionals manage jobs, connect with customers, and grow their business digitally.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most weren’t in my field or even closely related to my interests — only a few were. I hadn’t planned well for the event; it was my first time attending such a large conference as a Web Summit, and I didn’t really know what to expect. Despite this, it was great to interact with individuals from various backgrounds and countries.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Ever Needed Help, Fast?

Target Audience

And didn’t know who to trust?

From plumbing to AC repairs,
finding the right provider shouldn’t take hours.

In Libya, most service providers rely on word-of-mouth, random calls, and Facebook posts to find work.

We built this for skilled professionals who deserve steady, organized job opportunities.

Technicians

Plumbers

Cleaners

More +

How I did IT:

Design Thinking Process

Understanding user, challenging assumptions, redefining problems and creating meaningful solutions.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Empathize

Research

Understanding user, challenging assumptions, redefining problems and creating meaningful solutions.

Competitor
Analysis

STAA

khadamt

Provider onboarding

Accept / decline jobs

Earnings dashboard

Pricing control

Direct messaging

Provider sends offers

Portfolio upload

Qualitative
Analysis

I interviewed eight men aged 22–40 who are potential ASTAA users to understand their expectations. Participants showed interest in the concept but emphasized the need for clear steps and simple guidance to encourage adoption.

“If I can find jobs quickly through the app, that would save me a lot of time.”

Khaled, 34

“Being able to schedule work easily would help me stay organized.”

Mohamed, 33

“I like the idea of working whenever I want without fixed hours.”

Omar, 24

Define

User
Persona

Personas were created based on user interviews to represent key user types, their goals, behaviors, and pain points when using ASTAA.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Ideate

Concept
Development

The storyboard illustrates the service provider’s journey and daily challenges, while the flowchart maps the key steps of finding, accepting, and completing jobs through the app.

Storyboard

The big picture storyboard presents the service provider’s journey and daily experience.

The close-up storyboard focuses on the app itself, showing screens from profile setup to applying for jobs and tracking earnings.

App Map

Using AI, I quickly generated the app map to organize the app's core features and streamline the design process.

Design

Refining
Design

In this phase, I transformed the usability study insights into refined high-fidelity designs for Astaa. I focused on improving clarity, strengthening visual hierarchy, and simplifying key flows such as submitting offers, handling direct proposals, and completing jobs. Clear feedback states and stronger action emphasis were introduced to reduce friction and improve user confidence.

App Logo

Design System

A realistic preview of part of the design system. The color palette was structured following the Material 3 color system, ensuring consistent hierarchy, accessibility, and adaptability across light and dark modes.

Authentication

A glimpse of the main flow

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Test

Outcome

Through research, usability testing, and iterative design, Astaa evolved into a clearer and more structured experience for service providers. The final prototype simplifies core flows such as submitting offers, managing appointments, and withdrawing earnings, ensuring a smooth and confident user journey.

Takeways

Impact:

I refined Astaa based on usability insights, improving clarity, flow structure, and system feedback. The final high-fidelity prototype delivers a more intuitive experience for service providers.

What I learned:

Clear feedback and structured flows are critical in task-based apps. Small design adjustments can significantly improve user confidence.

Next Steps

Conduct follow-up usability testing.

Explore additional features to enhance provider trust and engagement.

THE PROJECT ITSELF:

Project
Overview

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Problem

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

4 months

STAAPRO - Service Provider App

STAAPRO - Service Provider App

STAAPRO - Service Provider App

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

How I did IT:

Design Thinking Process

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Empathize

Research

Competitor Analysis

Qualitative Analysis

Define

User Persona

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Ideate

Concept Development

Storyboard

App Map

Design

Refining Design

App Logo

Design System

Authentication

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Test

Outcome

Takeways

I refined Astaa based on usability insights, improving clarity, flow structure, and system feedback. The final high-fidelity prototype delivers a more intuitive experience for service providers.

Clear feedback and structured flows are critical in task-based apps. Small design adjustments can significantly improve user confidence.

Next Steps

Conduct follow-up usability testing.

Conduct follow-up usability testing.

Explore additional features to enhance provider trust and engagement.

Explore additional features to enhance provider trust and engagement.

THE PROJECT ITSELF:

Project Overview

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered,

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Cinema theater apps are often overloaded with information and can be challenging to navigate. Their designs are cluttered, the seat selection process is unclear, and the checkout experience can be confusing.

Project
Overview

Project
Overview

Project
Overview

Project
Overview

Competitor
Analysis

Qualitative
Analysis

User
Persona

Project
Overview

Project
Overview

Concept
Development

Refining
Design

Project
Overview

Project
Overview