Find someone suitable.
Know what happens next.
Relevant skills, location, availability and reviews help frame the choice. The request and conversation screens provide space to explain the job before moving forward.
Selected work / 03Mobile app · UI/UXMorocco
Bricole.
A repair to make.
The right person to find.
Clients ↔ Technicians
One service experience
One service experience
A mobile app design that brings finding a technician, discussing a job and arranging a service into one connected journey.
↓
01 / The brief
From “who can help?”
to a clear next step.
Repair and maintenance start with a practical need. The design challenge is to help a client describe that need, find a relevant professional and understand how to proceed.
Bricole explores that experience from both sides: clients looking for help and technicians looking for suitable jobs. The project brings together discovery, profiles, requests, conversation and payment screens.
- Project
- Service-booking app design
- Design credits
- Mustapha Id Boussdli
Aymane Marhoum - Scope shown
- User flows, wireframes, visual identity & UI
- Tools
- Figma, FigJam, Illustrator & Photoshop
02 / Two perspectives
One platform.
Two sets of priorities.
The original presentation frames the experience through client and technician personas. Their needs give the interface two different starting points.
Find someone suitable.
Find relevant work.
Keep requests organized.
A separate path makes room for incoming opportunities, offers and client conversations. The flow considers how a technician moves from discovering a request to discussing the work.
What the comparison explored
The supplied competitor matrix compares search, filters, profiles, reviews, booking, communication and payment. These categories help explain the product’s scope.
What informs the presentation
The personas and comparison are project artifacts. They provide context for the design; they are not presented here as proof of current competitor capabilities or measured user behaviour.
Find the person.
Clarify the job.
Arrange the service.
03 / Product journey
A sequence of decisions,
not a wall of screens.
This edited walkthrough groups the original flows into four moments. Each one answers a different question for the person using the app.
- 01 / Discover
Who can help?
Browse service categories and relevant professionals.
- 02 / Assess
Is this a good fit?
Review profiles, location, ratings and availability.
- 03 / Arrange
What needs doing?
Describe the request and discuss it with a technician.
- 04 / Complete
What happens after?
Explore payment, confirmation and review screens.
03.1 / Discovery & trustThe person
The person
behind the service.
Category browsing introduces the available services. Profiles bring identity, location, ratings and scheduling information into the decision.
Browse → ProfileGive the choice
Give the choice
some context.
The supplied screens place categories and recommended technicians near the start of the journey. The profile view then adds detail before the next action.
Request → ConversationMake the job
Make the job
easier to explain.
The request path includes space for job details and imagery. Messaging provides a place to clarify the task. The presentation also explores image-assisted problem identification as a proposed feature.
These screens communicate the intended interaction, without claiming a validated AI diagnosis or a deployed service.
Payment → Confirmation → ReviewA clear ending
A clear ending
to the task.
The UI includes payment-method selection, a confirmation state and a review form. These views extend the journey beyond finding a professional and into the follow-up after a service.
03.2 / The technician’s viewKeep the work
Keep the work
in view.
The dashboard presentation groups active requests, completed work and service activity into a focused overview. Figures shown are illustrative interface content, not measured product results.
04 / Visual system
A recognizable identity.
A repeatable interface.
Deep indigo anchors the interface, violet adds emphasis and pale lavender supports quieter surfaces. The supplied system uses Plus Jakarta Sans in regular, medium, semibold and bold weights.
The guideline board brings the typography and colour palette together. These choices connect the discovery, booking and technician screens across the presentation.
Deep indigoVioletPale lavender
05 / Reflection
The connection
is the product.
Bricole’s design connects discovery with the practical steps that follow: understanding a professional, explaining a task and arranging the service.
What this work shows
A shared visual system can support two different roles without making every screen identical. The flows, wireframes and final UI show how those roles meet around a service request.
What needs validation next
Task-based testing could examine whether clients understand the request flow and technicians can find relevant work. Completion rates, trust and the proposed image-assistance feature would need evidence beyond the presentation.
Design collaboration: Mustapha Id Boussdli & Aymane Marhoum. This case study presents design work and concept mockups, not verified launch, research or performance results.