ProgettiProgetto · SaaS Beauty

SmartShift Planner

SaaS multi-tenant per la pianificazione dei turni di lavoro nel settore beauty — sostituisce Excel, WhatsApp e la lavagna in negozio con uno strumento pensato per il modo in cui lavora davvero un centro estetico.

Redesign UI/UX completoReact 19 + TypeScriptFirebaseMulti-tenant

La soluzione

Un'unica applicazione che centralizza turni, personale e competenze, costruita come SaaS multi-tenant: ogni azienda cliente ha i propri dati completamente isolati sulla stessa infrastruttura. Tre livelli di accesso coprono l'intera organizzazione.

Titolare / Admin

Pianificazione e gestione operativa

Dipendente

Turni, richieste, ferie

Super Admin

Multi-organizzazione, assistenza, backup

Punti di forza del design

Non solo estetica: ogni scelta di interfaccia riduce un errore specifico nella pianificazione.

01 — Pianificazione

Pianificazione assistita, non solo un calendario

La vista settimanale segnala automaticamente conflitti di orario, superamento del limite ore, assenze e richieste vincolanti dei dipendenti — invece di lasciare che l'errore emerga solo a consuntivo. La funzione sperimentale "Pianifica IA" genera una proposta di turni settimanali via Gemini, con la chiamata al modello isolata lato server.

02 — Analisi

Analisi mensile che individua gli squilibri

Una vista dedicata confronta il carico di lavoro tra dipendenti e segnala in automatico i conflitti tra turni pianificati e disponibilità dichiarate, prima che diventino un problema in negozio.

Suggerimento intelligente del personale

Nella creazione di un turno, il sistema propone i dipendenti più adatti in base a competenza richiesta, disponibilità e ore già assegnate.

Accessibilità reale

Focus management, navigazione da tastiera, contrasto colore conforme WCAG AA e stati sempre visibili — parte del processo di design, non aggiunti a posteriori.

Dark mode completa

Su tutte le schermate, grafici inclusi — vedi il confronto qui sotto.

Light e dark, curati allo stesso modo

Anche i grafici mantengono i colori sincronizzati tra i due temi, canvas incluso.

Light
Dark

Stack tecnico

Frontend

React 19TypeScriptVite 6Tailwind CSS v4

Backend

FirebaseFirestoreAuthServerless

Funzioni server-side

Vercel FunctionsGemini (isolato server-side)

Grafici & Deploy

RechartsVercel

Il mio ruolo

SmartShift Planner nasce per un cliente reale: un centro estetico di Trieste. Ho progettato basandomi sul loro flusso di lavoro quotidiano: gestione dei turni, competenze del personale e pianificazione delle ferie.

L'applicazione è stata utilizzata in un contesto reale per semplificare l'organizzazione del personale e centralizzare le informazioni operative. Successivamente è stata evoluta con un redesign completo dell'interfaccia, l'introduzione di un design system a componenti condivisi, il miglioramento dell'accessibilità e della coerenza dell'esperienza utente, oltre al rafforzamento della sicurezza e della qualità del codice. Tutte le modifiche sono state sviluppate mantenendo il prodotto pienamente funzionante durante l'intero processo di evoluzione.

Nota: gli screenshot mostrano l'app popolata con dati dimostrativi di un salone fittizio ("Bellezza al Vico"), creati per questa presentazione — nessun dato reale di clienti è coinvolto.

Hai un problema simile?

Ogni progetto qui sopra è nato da un'esigenza concreta. Se ti riconosci in uno di questi, probabilmente possiamo aiutarti anche a te.