Muhammad Arslan
Assumimi
Torna ai progetti

Meridian Dental

Un sito di marketing, portale pazienti, assistente di prenotazione AI e console di amministrazione per studi dentistici individuali, concepito come pacchetto di prodotto pronto all'uso acquistabile dallo studio.

Ruolo: Solo full-stack design and developmentTempistiche: 2026Tipo: Productised web app

Next.js 16

React 19

Tailwind CSS 4

shadcn/ui

Supabase

Resend

Gemini AI

FullCalendar

Homepage demo di Meridian Dental Studio e punto di accesso per la prenotazione degli appuntamenti

Panoramica

Meridian Dental è una presenza web completa e una console operativa leggera per uno studio dentistico individuale. La parte pubblica è un raffinato sito di marketing con servizi, team, contatti e una procedura guidata di prenotazione. Dietro di esso operano un portale pazienti, un assistente AI che risponde alle domande e prenota gli appuntamenti e una console di amministrazione in cui lo studio gestisce ogni aspetto. L'ho sviluppato come un prodotto vendibile, un sito con acquisto una tantum più un piano mensile, piuttosto che come un singolo sito web personalizzato per un cliente. È deliberatamente strutturato per affiancarsi al sistema di gestione dei pazienti già presente nello studio anziché tentare di sostituirlo.

Il problema

Gli studi dentistici individuali si trovano solitamente di fronte a una scelta sfavorevole. Possono dotarsi di un sito vetrina gradevole che si limita a mostrare un numero di telefono, oppure investire in pesanti software gestionali che tengono traccia delle cartelle cliniche ma non aiutano i pazienti a prenotare o a ricevere risposte online. Nessuna soluzione offriva una via di mezzo: un sito professionale che consenta ai pazienti di operare in autonomia, risponda alle domande di routine e fornisca al dentista una piattaforma semplice per gestire ogni aspetto, senza contratti software a cinque zeri.

Il mio ruolo e approccio

Ho progettato e sviluppato l'intero prodotto in autonomia, sia dal punto di vista dell'ideazione che dell'ingegneria software. Gran parte del lavoro è consistita nel decidere cosa non costruire. Il prodotto evita deliberatamente di competere con i sistemi gestionali per studi già affermati, concentrandosi invece sul punto di accesso: prenotazioni, comunicazione con i pazienti e una piccola console operativa. Questo rigore ha mantenuto l'ambito di sviluppo concretamente rilasciabile e la proposta di valore sufficientemente chiara da potervi attribuire un prezzo.

Stack tecnologico

FrameworkNext.js 16 (App Router, Turbopack) with React 19
Stile / UITailwind CSS 4 with shadcn/ui
BackendSupabase (Postgres, Auth, Storage)
EmailResend with React Email templates
AIVercel AI SDK v6 with Google's Gemini 2.5 Flash
PianificazioneFullCalendar v6
Moduli e validazionereact-hook-form with Zod
AnimazioneGSAP

Funzionalità chiave

Sito pubblico di marketinghome, servizi, team, contatti, assicurazioni, pagine per nuovi pazienti e una procedura guidata di prenotazione.
Account pazientiaccesso senza password tramite magic link Supabase.
Portale pazientiuna dashboard privata per la gestione degli appuntamenti e del profilo.
Assistente AIun chatbot basato su Gemini che risponde utilizzando il documento informativo dello studio ed è in grado di eseguire azioni reali tramite chiamate a strumenti (tool calls), tra cui la prenotazione di un appuntamento, l'invio di un messaggio di contatto o il reindirizzamento alla pagina del servizio appropriato.
Console di amministrazionegestire i contatti, modificare il documento di conoscenza del chatbot, creare, modificare ed eliminare servizi e dentisti, visualizzare le prenotazioni e utilizzare un calendario con riprogrammazione drag-and-drop.
Prenotazione a prova di conflittiil sistema rende impossibile la doppia prenotazione per singolo dentista a livello di database, e la procedura guidata di prenotazione disabilita gli orari non disponibili prima che il paziente possa selezionarli.

Galleria

Flusso di prenotazione Meridian con medici di esempio e visita di sbiancamento dentale
Calendario di prenotazione Meridian con orari di appuntamento dimostrativi e preventivo della visita

Sfide e soluzioni

Il problema ingegneristico più critico riguardava la doppia prenotazione. Due pazienti che premono contemporaneamente "conferma" sullo stesso orario rappresentano una classica race condition, e verificare la disponibilità nel codice dell'applicazione non colma mai completamente il divario. L'ho risolto in Postgres con un vincolo di esclusione GiST, in modo che il database stesso rifiuti atomicamente qualsiasi prenotazione sovrapposta per lo stesso dentista. Il conflitto diventa impossibile, non semplicemente improbabile. Un endpoint dedicato alla disponibilità alimenta la procedura di prenotazione in modo che gli orari non disponibili siano disabilitati in partenza, consentendo ai pazienti di non imbattersi quasi mai nell'errore.

L'assistente AI rappresentava l'altro elemento interessante. A un chatbot destinato a uno studio medico non può essere permesso di inventare informazioni. L'ho ancorato al documento informativo dello studio, affinché le risposte derivino da contenuti reali e modificabili sotto il controllo del dentista, dotandolo di un set ristretto di strumenti anziché consentire risposte a forma libera. Può prenotare, inviare messaggi o richiamare una pagina specifica, e null'altro. Il dentista modifica la documentazione direttamente dalla console di amministrazione, garantendo che l'assistente rimanga aggiornato senza richiedere l'intervento di uno sviluppatore.

Risultato

Meridian Dental è un prodotto operativo e pronto per dimostrazioni. Uno studio può visualizzare il proprio sito, un paziente può prenotare tramite l'assistente AI o la procedura guidata e la prenotazione si riflette in tempo reale in un calendario di amministrazione, con protezione a livello di database contro i conflitti di orario. È confezionato come offerta replicabile anziché come soluzione su misura una tantum, rendendolo sia un elemento di portfolio sia un concreto template commerciale.

Hai un problema di prodotto simile?

Condividi il prodotto attuale, il risultato di cui hai bisogno e i vincoli già presenti. Li utilizzerò per definire un primo milestone sensato.

Servizi di sviluppo di applicazioni web
Inizia il tuo project brief
Tutti i progettiProgetto successivoHalatap
Meridian Dental: portale pazienti e prenotazioni AI per studi dentistici | Muhammad Arslan