Mobile apps · Design concept
Appointment booking app
A repair-service app concept connecting service choice, a proposed appointment slot and request review, with clear non-confirmation states.
Design concepts, not client projects. Screens are static mockups; names and data are illustrative.
The design brief
Let a customer describe the service they need and check a preferred appointment before sending a request. The visual flow stops before provider confirmation.
- Designed for
- Customers requesting a repair-service appointment from a phone.
- Constraints to consider
- The 18 September 2026, 11:00–11:30 slot is illustrative. The concept does not check availability, book a technician or guarantee an arrival window.
The proposed journey
- 01
Choose repair service
The service screen introduces the repair appointment flow.
- 02
Select a preferred slot
The date screen shows 18 September 2026 and the sample 11:00–11:30 selection.
- 03
Review the request
The review brings the intended service and time together without confirming a booking.
Why these design choices?
Name the time precisely
A proposed service must explain whether a slot is an appointment, arrival window or preference. Those meanings cannot be inferred from a calendar.
Keep confirmation separate
Request review should not use language that promises a technician. A real confirmation depends on the provider’s response.
A closer look at the visual system
Proposed design specimens. These are static examples, not working controls or a production specification.
Colour roles
Service canvas
#F4F8FD
Time selection
#286AC1
Request text
#26394F
Typography & spacing
Clear information. A considered next step.
Use clear sans-serif labels for service names and dates. Give the time range enough space to remain unambiguous.
Separate service choices from calendar controls. Keep the chosen date and time together in the review.
Beyond the ideal state
No preferred slot
Choose a preferred date and time before reviewing your request.
Request ready
Your request is ready to review. An appointment has not been confirmed.
Slot unavailable
This slot is no longer available. Choose another preferred time.
Why call this an appointment request rather than a confirmed booking?
A preference entered by a customer does not establish technician availability. The interface should only confirm a booking when the service provider has actually accepted it.
