24Beauty Map Provider: Salon App Development Case Study

About The Client

24Beauty Map is a beauty and personal care booking platform. Customers use it to find salons and beauty professionals near them and book a service in a few taps. A haircut, beard styling, hair colouring, a facial or any other salon service can be booked at the salon or at home.

24Beauty Map salon booking app screens

Overview

24Beauty Map platform overview

Comfygen built 24Beauty Map Provider across Android, iOS. The platform connects customers with verified service providers, like salon owners, independent freelancers and salon team members, works differently. A super admin portal handled bookings by phone and message.

24Beauty Map platform overview

Features:

24Beauty Map Provider app features
  • Manage appointments and bookings
  • View and organize customer schedules
  • Add and manage beauty and grooming services
  • Track booking requests and order status
  • Manage staff and team activities
  • Update business profile and service information
  • Receive booking notifications and updates
  • View customer details and appointment history
  • Manage availability and working hours
  • Easy-to-use dashboard for daily operations
24Beauty Map Provider app features

3. Challenge

24Beauty Map booking and alert challenges
  • Real-Time Urgent Alerts: Ensuring Ring Alerts trigger ringing sounds and full-screen notifications when the app is open, running in the background, or closed, across Android and iOS.
  • Multi-Role Access Management: Managing separate permissions for salon owners, team members, freelancers, and customers while maintaining correct owner-team relationships.
  • Booking Status Conflicts: Preventing duplicate or conflicting updates when multiple users confirm, cancel, or change a booking's status simultaneously.
  • Payment and Commission Accuracy: Ensuring accurate calculations for service charges, platform commissions, provider earnings, wallet transactions, and payouts to prevent financial discrepancies and disputes.
24Beauty Map booking and alert challenges

Solution

24Beauty Map customer app screens

Comfygen built 24Beauty Map as a two-app platform with admin portal behind it.

  • Developed customer and provider apps with React Native for Android and iOS.
  • Built an API-driven backend using Node.js and Express.
  • Implemented provider onboarding, verification, and profile management.
  • Integrated real-time booking, scheduling, and location tracking.
  • Enabled salon visits and at-home service bookings.
  • Integrated Stripe for online payments and wallet management.
  • Added chat, push notifications, appointment reminders, and booking updates.
  • Built earnings tracking, commission management, and payout processing.
  • Developed a super admin portal for user management, provider approvals, bookings, disputes,

The build covers one booking lifecycle system that all three sides read from, so a status change shows up for the customer, the provider and the admin at the same time.

24Beauty Map customer app screens

Development Process

24Beauty Map Provider app screens

Comfygen followed the same process used on every project: business analysis, UI/UX design, application development, API integration, quality assurance, deployment and ongoing support.

Most of the effort went into four areas. Booking workflows, because the lifecycle had to handle instant and scheduled bookings without conflict. Role-based permissions, because four user types share one system. Real-time communication, covering chat and Ring Alerts across app states. Payment processing and provider verification, where accuracy matters most.

24Beauty Map Provider app screens

Results

  • Customer app live on Google Play and the App Store
  • Provider app live on Google Play and the App Store
  • Customers, salon owners, freelancers and team members running on one platform
  • Instant and scheduled bookings supported for salon and at-home services
  • Real-time chat, Ring Alerts and provider location tracking in place
  • Provider onboarding, service setup and booking controls handled in the app
  • Stripe payments, wallet, commission tracking and payouts running in the platform
  • A super admin dashboard covering users, bookings, disputes and finances

App Screens

Explore the intuitive, user-friendly mobile application interface built for 24Beauty Map.

24Beauty Map app splash screen

Splash Screen

24Beauty Map app location search screen with salons on the map

Search Location Screen

24Beauty Map app searching for a nearby beauty expert

Finding Beauty Expert Screen

24Beauty Map app booking summary with provider, service and time

Booking Summary Screen

24Beauty Map app booking successful screen with track, chat and call options

Booking Successful Screen

24Beauty Map app marketplace screen with a salon service offer

Marketplace Screen

24Beauty Map app onboarding screen to find providers on the map

Onboarding Screen

24Beauty Map Provider app account type selection for salon owner, freelancer or team member

Account Type Selection Screen

24Beauty Map Provider app salon wallet with earnings and withdrawals

Salon Wallet Screen

24Beauty Map app service category and service selection screen

Choose Service Screen

24Beauty Map Provider app bookings list with call and navigate actions

My Bookings Screen

24Beauty Map Provider app navigation to the client for an at-home booking

Navigate To Client Screen