4 months

ASTAA - Service Provider App

ASTAA - Service Provider App

ASTAA - Service Provider App

ASTAA - Service Provider App

ASTAA - Service Provider App

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time

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

ASTAA is a mobile application designed for service professionals such as plumbers, painters, electricians, and cleaners to manage jobs, connect with customers, and grow their business digitally.

Problem

Service providers depend on calls and word-of-mouth to get work, with no digital platform to manage jobs, schedules, or communication efficiently with customers.
Service providers depend on calls and word-of-mouth to get work, with no digital platform to manage jobs, schedules, or communication efficiently with customers.

Goal

Design a simple service provider app that enables easy job management, clear navigation, and a smooth digital workflow.
Design a simple service provider app that enables easy job management, clear navigation, and a smooth digital workflow.

My role

Product designer leading and designing ASTAA's mobile application design.

Responsibilities

  • conducting research.
  • storyboarding.
  • paper and digital wireframing.
  • iterating on designs.
  • making high-fidelity prototype.
  • Building design system.

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time attending such a large conference as a Web Summit, and I didnt 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.

THE PROJECT ITSELF:

User
Research

Pain Points

User research was conducted to understand the daily challenges faced by service providers such as plumbers, electricians, and cleaners. Insights were gathered through informal interview and observations to identify how they find work, manage requests, and communicate with customers in the absence of a digital platform.

1

Job Tracking

Jobs are managed through calls and messages, making planning difficult.

2

Work Consistency

Availability is unpredictable, affecting income stability.

3

Digital Presence

Providers lack a profile to showcase skills and build trust.

User Personas

conference as a Web Summit, and
I didnt really know what to expect.

User Journey MAp

conference as a Web Summit, and
I didnt really know what to expect.

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;

Goal

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;

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time

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 werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time attending such a large conference as a Web Summit, and I didnt 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.

THE PROJECT SCHEMATICALLY

Starting the
Design

Pain Points

I mapped the job application flow and designed the app’s information architecture before sketching paper wireframes. These were refined into digital wireframes and a low-fidelity prototype to test usability and navigation clarity.

I began by creating storyboards to focus on the most important moments in the service provider’s experience. The story was told through sequential panels and explored from two perspectives: the overall user journey and the in-app interaction flow.

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.

Next step: creating the application map. My goal here was to make strategic information architecture decisions that would improve overall app navigation. The structure I chose was designed to make things simple and easy.

Here I drew five different versions of how structure of information on a homepage might look like. Then I reviewed all the versions and combined them in the refined one.
The goal was to explore different ideas with wireframes.

I conducted unmoderated usability tests with 5 participants who match Astaa’s target users (service providers such as technicians and freelancers). Participants were asked to complete key tasks using the low-fidelity prototype while sharing their thoughts aloud.

The goal was to identify friction points in core flows such as submitting an offer, accepting direct proposals, completing appointments, and withdrawing earnings.

After analyzing the feedback, I identified recurring themes and usability issues that were refined before moving to high-fidelity designs.

1

Direct Proposal Visibility

Some users struggled to distinguish between public posts and direct proposals, indicating a need for stronger visual hierarchy and clearer labeling.

2

Completing a Job Flow

process was not intuitive; users were unsure about the required steps to properly finalize an appointment and upload proof of work.

2

Completing a Job Flow

process was not intuitive; users were unsure about the required steps to properly finalize an appointment and upload proof of work.

2

Completing a Job Flow

process was not intuitive; users were unsure about the required steps to properly finalize an appointment and upload proof of work.

App Map

It's a structured scheme that outlines the
pages and content hierarchy of the app.

Usability Study

This is an analysis of users and their needs,
adding realistic context to the design process.

Digital Wireframes

They focus on the basic structure of the
main flow and clearly highlight the intended
function of each element.

THE CLEAR VISION:

Refining
Design

Mockups

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.

I created high-fidelity mockups for all major screens, ensuring consistency in typography, layout, and components. The designs prioritize usability for service providers, making core actions—like making offers, completing tasks, and managing earnings—intuitive and easy to navigate. The result is a polished, production-ready interface.

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time

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 SCHEMATICALLY:

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.

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.
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.
Clear feedback and structured flows are critical in task-based apps. Small design adjustments can significantly improve user confidence.

1

Conduct follow-up usability testing.
Conduct follow-up usability testing.

2

Explore additional features to enhance provider trust and engagement.
Explore additional features to enhance provider trust and engagement.

Takeways

Next Steps

THE PROJECT ITSELF:

Project
Overview

met a bunch of people at the summit, but surprisingly, most werent in my field or even closely related to my interests only a few were. I hadnt planned well for the event; it was my first time attending such a large conference as a Web Summit, and I didnt 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.

Join my newsletter!

Thoughts on design, ideas I’m exploring, and occasional updates on new projects.

Join my newsletter!

Thoughts on design, ideas I’m exploring, and occasional updates on new projects.

Join my newsletter!

Thoughts on design, ideas I’m exploring, and occasional updates on new projects.

Create a free website with Framer, the website builder loved by startups, designers and agencies.