Piattaforme e SaaS

Luce della bellezza per un radioso aspetto

Caso di studio di un marketplace beauty: applicazioni web e mobile che condividono un'API per la scoperta dei saloni, la prenotazione, i pacchetti e il commercio di prodotti.

Homepage di IM Beauty Glow che mostra la ricerca dei saloni, i saloni in evidenza e i prodotti più popolari
Home

Panoramica del progetto

Una piattaforma connessa costruita attorno a un lavoro operativo reale.

IM Beauty Glow è un marketplace consumer per il settore beauty e saloni, realizzato come coppia abbinata: un negozio online Next.js e un'app companion React Native che condividono esattamente lo stesso contratto API di backend, fino ai nomi dei campi delle richieste. Gli utenti scoprono i saloni, prenotano singoli servizi o pacchetti e offerte in bundle, acquistano i prodotti dei saloni e gestiscono prenotazioni e ordini da entrambe le interfacce in modo interscambiabile. I saloni si registrano autonomamente e gestiscono la propria presenza attraverso la stessa piattaforma.

01

La sfida

Il prodotto doveva risolvere problemi operativi interconnessi.

Gli utenti si aspettano di poter ricercare, prenotare e pagare una visita al salone da qualsiasi dispositivo abbiano a disposizione, e un flusso di prenotazione mobile che sia in silenzioso disaccordo con le regole di prezzo o disponibilità del sito web erode immediatamente la fiducia. Il prodotto doveva inoltre vendere tre elementi diversi — servizi singoli, pacchetti scontati e offerte a tempo limitato — attraverso un unico flusso di prenotazione, senza trasformarlo in tre sistemi separati.

02

Approccio tecnico

Un approccio tecnico deliberato ha plasmato il sistema.

L'app web gestisce l'intera superficie commerciale, dalla scoperta dei saloni a servizi, pacchetti e offerte, carrello, checkout, pagamenti e gestione dell'account, dietro un livello API tipizzato che mantiene la logica di prenotazione, carrello, tasse e pagamento fuori dal livello di presentazione. L'app mobile è stata realizzata per rispecchiare esattamente quel contratto anziché reimplementarlo: prima di estendere l'app alla prenotazione di offerte e pacchetti, ho verificato innanzitutto le regole di validazione live del web e del backend, quindi ho esteso il flusso di appuntamento esistente per accettare tre origini di prenotazione — servizio, offerta o pacchetto — attraverso lo stesso endpoint e gli stessi identificatori opzionali già inviati dall'app web. Il prezzo di pacchetti e offerte resta autorevole lato server anziché essere ricalcolato sul dispositivo, così uno sconto non può mai disallinearsi tra le due app.

Registrazione autonoma dei saloni

Uno sguardo più da vicino al prodotto.

Il flusso "List Your Salon" utilizzato dai saloni per la registrazione autonoma: dati del titolare, profilo aziendale, posizione, servizi e orari in un unico modulo guidato multi-fase.

Landing page di registrazione autonoma dei saloni di IM Beauty Glow, con un modulo di registrazione multi-fase

Dettaglio del salone

Uno sguardo più da vicino al prodotto.

Una pagina di dettaglio del salone: catalogo dei servizi con relativi prezzi, principali specialisti e un'azione di prenotazione diretta, la stessa vista utilizzata dagli utenti sia sul web sia nell'app companion.

Pagina di dettaglio del salone Amber Beauty Studio su IM Beauty Glow, con l'elenco dei servizi e i principali specialisti

Prodotti e interfacce

Cosa abbiamo costruito

  • Negozio online consumer (scoperta dei saloni, prenotazione, carrello, checkout, account)
  • App companion iOS/Android (React Native)
  • Flusso di registrazione autonoma dei saloni ("List Your Salon")
  • Flusso di prenotazione condiviso per servizi, pacchetti e offerte
  • Pipeline SEO (sitemap e .htaccess generati in fase di build)
  • Integrazione delle notifiche push (OneSignal, Notifee)

Ampiezza della piattaforma

Competenze principali

  • Scoperta dei saloni, prenotazione dei servizi e prenotazione di pacchetti/offerte da un unico flusso condiviso
  • Catalogo prodotti, carrello e checkout su web e mobile
  • Cronologia di prenotazioni, ordini e recensioni sincronizzata su un unico account
  • Prezzi di pacchetti e offerte con autorità lato server — mai ricalcolati sul dispositivo
  • Self-onboarding dei saloni e gestione delle schede
  • Notifiche push per prenotazioni e aggiornamenti degli ordini
  • TypeScript rigoroso su entrambe le app dietro un unico contratto API condiviso

Evidenze

Ambito e risultati verificati

  1. Due applicazioni client — web e mobile — realizzate secondo un unico contratto di backend identico, fino ai nomi dei campi delle richieste
  2. 47 pagine instradate nel negozio online e 29 schermate nell'app companion mobile
  3. Un flusso di prenotazione esteso per vendere pacchetti e offerte senza alcuna modifica al backend, rispecchiando esattamente il contratto di validazione esistente
  4. Zero errori TypeScript e zero errori ESLint verificati sull'intero codice mobile dopo un intervento di rimozione di codice morto e dati fittizi

Domande e risposte

Domande su Luce della bellezza per un radioso aspetto

More questions? Feel free to reach out.

Discuta un progetto correlato →
Che cos’è Luce della bellezza per un radioso aspetto?

IM Beauty Glow è un marketplace consumer per il settore beauty e saloni, realizzato come coppia abbinata: un negozio online Next.js e un'app companion React Native che condividono esattamente lo stesso contratto API di backend, fino ai nomi dei campi delle richieste. Gli utenti scoprono i saloni, prenotano singoli servizi o pacchetti e offerte in bundle, acquistano i prodotti dei saloni e gestiscono prenotazioni e ordini da entrambe le interfacce in modo interscambiabile. I saloni si registrano autonomamente e gestiscono la propria presenza attraverso la stessa piattaforma.

Che cosa abbiamo costruito per Luce della bellezza per un radioso aspetto?

Il lavoro include Negozio online consumer (scoperta dei saloni, prenotazione, carrello, checkout, account), App companion iOS/Android (React Native), Flusso di registrazione autonoma dei saloni ("List Your Salon"), Flusso di prenotazione condiviso per servizi, pacchetti e offerte, Pipeline SEO (sitemap e .htaccess generati in fase di build), Integrazione delle notifiche push (OneSignal, Notifee).

Qual è stato il ruolo di Muhammad Muzammil Qureshi in Luce della bellezza per un radioso aspetto?

Muhammad Muzammil Qureshi ha operato come Direttore Tecnologico, con responsabilità su direzione tecnologica, architettura, delivery e sistemi operativi descritti in questo caso studio.

Quali tecnologie supportano Luce della bellezza per un radioso aspetto?

Luce della bellezza per un radioso aspetto utilizza Next.js 15 · React 19 · TypeScript · Tailwind CSS v4 · React Native 0.86.

In che modo le app web e mobile restano coerenti nella prenotazione di un servizio, un pacchetto o un'offerta?

L'app web Next.js gestisce l'intera superficie commerciale — scoperta, servizi, pacchetti e offerte, carrello, checkout e account — dietro un livello API tipizzato che mantiene la logica di prenotazione, carrello, tasse e pagamento fuori dal livello di presentazione. L'app companion React Native rispecchia esattamente quel contratto, e il prezzo di pacchetti e offerte resta autorevole lato server anziché essere ricalcolato sul dispositivo, così uno sconto non può mai disallinearsi tra le due app.

Gli utenti possono prenotare più che semplici servizi singoli su IM Beauty Glow?

Sì. Lo stesso flusso di prenotazione accetta tre origini — un servizio singolo, un pacchetto scontato o un'offerta a tempo limitato — attraverso un unico endpoint e gli stessi identificatori opzionali già inviati dall'app web, così pacchetti e offerte sono stati aggiunti senza costruire un sistema di prenotazione separato.

In che modo i saloni entrano a far parte della piattaforma IM Beauty Glow?

I saloni si registrano autonomamente attraverso il flusso "List Your Salon", inviando i dati aziendali, la posizione, i servizi e gli orari. Una volta registrati, gestiscono il proprio profilo pubblico, le prenotazioni e il commercio dei prodotti attraverso la stessa piattaforma utilizzata dagli utenti.

Quale verifica è stata effettuata su IM Beauty Glow prima del lancio?

Il negozio online si estende su 47 pagine instradate e l'app companion mobile su 29 schermate, entrambi realizzati secondo un unico contratto di backend identico, fino ai nomi dei campi delle richieste. Il codice mobile è stato verificato con zero errori TypeScript e zero errori ESLint dopo un intervento di rimozione di codice morto e dati fittizi.

Let's build what's next

Have a complex system that needs to be built right?

Whether you are starting from an idea, replacing an existing platform, or scaling a system, let's talk.

Better Technology.
Brighter Possibilities.