💼 UX Case Study

Outsource your daily tasks - Marketplace app design concept



Introduction

Marketplaces like "Thumbtack", "Book a Tiger" where customers can find independent contractors to help them with their daily tasks like cleaning; made it easier for customers to search for cleaners online and book them in the fastest way possible.

I have been benchmarking and analyzing similar marketplaces, and I came up with the following conclusions: 👇






The problem

  • A marketplace needs to provide enough value for the customers to keep them on the platform.
  • The marketplace should allow users to view cleaners’ profiles and communicate with them via the platform
  • It’s not easy for the customers to let people in their homes

In this case study; the app concept that I designed is meant to solve the above issues — Provide more value to the customers by enabling them to book different services in one platform and making them able to browse through profiles or post their tasks and get offers from the independent contractors , display more details about the contractors, and finally allow them to communicate with the contractors to build trust.


Design process

  • Research
  • Information Architecture
  • Designing user flows
  • Sketching & Wireframing
  • Moodboards & Design Inspiration
  • Designing


01 Research

(not included in this case study)

In this step, I usually start by conducting stakeholder interviews to identify the product’s requirements and the business goals, understanding what is the core value prop of the offering, and identifying who are the users of the platform, and who are the main competitors.

After that, I analyze the competitors and research how do they solve common problems, analyze existing user feedback from online reviews, or social media channels, and finally develop user personas and user journeys.



02 Information Architecture

In this step, I used "card sorting" to build and organize the app structure and navigation. I also decided what to put on the first screen, how many navigation levels I should use, and the most important content sections that should be placed in each of the app screens.







03 Designing User Flows

In this step, I designed scenarios that describe a sequence of events, such as creating an account, or posting a task on the platform.









04 Sketching and Wireframing

I usually start by drawing low-fidelity wireframes using a Sharpie pen and a piece of paper, and then I design high-fidelity wireframes on Sketch or Illustrator for better documentation and presentation purposes.
Wireframes should include details like navigation, breadcrumb, headers & footers, and body content.







05 Moodboards & Design Inspiration

I use Muzli, Pinterest, Dribbble and Behance to find inspirational work from other great designers. Then I create different boards for myself and take some screenshots for future reference.







06 Designing







Final thoughts

After finishing the designs, I use InVision app to upload my screens and create an interactive prototype for the application.
It helps me to easily link pages using hotspots, write comments on the designs, and it integrates nicely with Sketch.

After that, I start validating my prototype through usabilty testing and user testing.

The user testing session should follow the below script:

  • Introduction to the testing session and general instructions
  • Introduction to the app
  • Perform tasks

And the interview questions should be something like:

  • What do you see in this screen?
  • What would you do next? and how?
  • What do you expect to see when clicking on this CTA?

Make sure to read my article about "How to conduct customer interviews" for more details.