Casi d'uso
Costruisci portali clienti con ingegneria assistita da AI
Sostituisci il processo di consegna a colpi di email e allegati con un portale marchiato in cui i tuoi clienti accedono — costruito come vero codice di tua proprietà, sul tuo stesso dominio.
Ciao è una piattaforma di ingegneria assistita da AI per costruire portali clienti — spazi marchiati e autenticati dove i clienti tracciano i progetti, scambiano file, approvano i deliverable e pagano le fatture. A differenza dei prodotti a portale basati su template, Ciao genera una vera applicazione React, TypeScript e Supabase modellata sul tuo processo di delivery, con isolamento dei dati per cliente, un registro di controllo sulle approvazioni, modifiche governate e deploy sul tuo dominio e cloud.
Pubblicato 2026-07-03 · Ultimo aggiornamento 2026-07-03
Cosa sostituisce un portale clienti
Un portale clienti è uno spazio marchiato e autenticato dove i tuoi clienti vedono lo stato del progetto, scambiano file, approvano i deliverable e saldano le fatture. Esiste per sostituire il processo di consegna che la maggior parte delle società di servizi gestisce davvero: lunghi thread email, allegati chiamati finale_v7, e una chiamata settimanale che inizia con "a che punto siamo con tutto?"
Le società che gestiscono la delivery tramite un portale rispondono a meno domande di stato, ottengono approvazioni con timestamp invece di risposte sepolte, e smettono di reinviare i file. I clienti ottengono un unico URL che mostra sempre la verità. L'ostacolo non è mai stato la volontà — è che il software personalizzato era troppo costoso per un margine da servizi, e i portali preconfezionati costringono il tuo processo dentro il loro template, sul dominio di qualcun altro.
Ciao cambia l'economia. Descrivi il tuo processo di delivery — come si muovono i progetti, cosa vedono i clienti, cosa richiede una firma — e Ciao costruisce il portale come una vera applicazione React, TypeScript e Supabase. Il tuo marchio, il tuo dominio, il tuo workflow, il tuo codice.
Cosa richiede davvero un portale clienti
- Account cliente e organizzazione — Un cliente è un'azienda con più utenti — ognuno accede separatamente ma vede solo i progetti della propria organizzazione.
- Login cliente semplice — Link email monouso o password per i clienti, SSO per il tuo staff. I clienti non si iscriveranno al tuo identity provider.
- Isolamento dei dati per cliente — Regole a livello di riga nel backend così il cliente A non può mai interrogare i record del cliente B — applicate nel database, non nascoste nell'interfaccia.
- Oggetti di progetto e stato — Progetti, milestone e deliverable con stati espliciti: in corso, in revisione, approvato, consegnato.
- Scambio di file — Caricamenti versionati con anteprime e commenti, così "qual è il file corrente" smette di essere una domanda.
- Approvazioni con una traccia — I clienti approvano i deliverable nel portale; il record mostra chi ha approvato cosa, quando, e quale versione.
- Fatture e pagamenti — Depositi e fatture pagabili dentro il portale tramite un'integrazione di pagamento, legati al record di progetto.
- Notifiche — Email di azione richiesta per i clienti, avvisi Slack per il tuo team quando qualcosa viene approvato, rifiutato o è in ritardo.
- Il tuo marchio ovunque — Il tuo logo, i tuoi colori e il tuo dominio — il portale si legge come il tuo prodotto, non uno strumento di terze parti.
Come funziona una build di portale su Ciao
1. Descrivi il tuo processo di delivery
Come si muove il lavoro dal kickoff alla firma, cosa dovrebbero vedere i clienti a ogni fase, e cosa resta interno.
2. Genera il modello dati e l'autenticazione
Ciao costruisce lo schema Supabase — organizzazioni, utenti, progetti, deliverable — con isolamento a livello di riga e login cliente fin dall'inizio.
3. Applica il tuo marchio
Importa i design da Figma o descrivi l'aspetto; poiché l'output è vero React e Tailwind, nulla del marchio è fuori portata.
4. Testa i percorsi rivolti al cliente
QA riproduce i flussi che un cliente incontrerà — login, download, approvazione, pagamento — e vincola ogni pubblicazione dietro smoke test.
5. Governa le aree sensibili
Guardrails mappa il codice di pagamenti e dati cliente in aree protette, applica policy in linguaggio semplice e registra la revisione sulle modifiche rischiose.
6. Distribuisci sul tuo dominio
Cloud Ciao o il tuo account AWS, Azure o GCP — il portale vive su portale.tuaazienda.com, non su un sottodominio del fornitore.
7. Evolvilo cliente per cliente
Un nuovo tipo di deliverable, un nuovo report, una nuova linea di servizio — descritti in linguaggio semplice, rilasciati attraverso lo stesso ciclo governato.
Checklist di sicurezza e governance
- ✓ Isolamento dei dati a livello di riga tra le organizzazioni cliente, applicato nel backend
- ✓ Livelli di permesso separati per clienti, admin cliente e il tuo staff
- ✓ Registro di controllo append-only dietro approvazioni, merge, deploy e azioni amministrative
- ✓ Revisione Guardrails su qualsiasi modifica che tocca pagamenti o dati cliente
- ✓ Test di sicurezza con sonde di controllo degli accessi confermate sull'app live
- ✓ Smoke gate di QA prima di ogni pubblicazione su una superficie rivolta al cliente
- ✓ File del cliente archiviati con accesso delimitato, non link condivisi che perdono
- ✓ Export completo del codice disponibile — il portale è tuo se mai te ne andrai
Varianti di portale clienti
Portale campagne d'agenzia
Stato campagna, approvazioni creative con storico versioni, istantanee di performance e fatture in un unico spazio marchiato.
Portale clienti per la contabilità
Richieste documentali con checklist, upload sicuri, stato di deposito e lettere di incarico — niente più PDF sensibili via email.
Portale pratiche per studi legali
Stato della pratica, scambio documenti e visibilità di fatturazione per i clienti — strumenti di workflow per lo studio, non consulenza legale.
Portale progetti edilizi
Milestone, foto di cantiere, ordini di variazione con firma del cliente, e piani di pagamento legati all'avanzamento.
Portale incarichi di consulenza
Deliverable, note di riunione, registri delle decisioni e una vista continua dell'ambito rispetto allo statement of work.
Portale servizi MSP
Visibilità sui ticket, elenchi asset, finestre di manutenzione e rinnovi per ogni cliente gestito.
Requisiti del portale, coperti
| Requisito | Come lo copre Ciao |
|---|---|
| I clienti vedono solo i propri dati | Regole di sicurezza a livello di riga generate nel backend Supabase |
| Più utenti per cliente | Account organizzazione con ruoli per utente e inviti |
| Approvazioni che reggono nel tempo | Record di approvazione con timestamp dietro un registro di controllo append-only |
| Pagamenti nel portale | Integrazione di pagamenti con un clic tramite Blocks, legata ai record di progetto |
| Il tuo marchio e dominio | Vero codice React e Tailwind, importazione da Figma, distribuito sul tuo dominio |
| Modifiche continue sicure | Revisione delle policy di Guardrails più replay QA sui flussi rivolti al cliente |
| Proprietà | 100% di proprietà del codice — esporta il portale sul tuo repository in qualsiasi momento |
Domande frequenti
Ogni organizzazione cliente può avere più utenti con permessi diversi?
Sì. I clienti sono modellati come organizzazioni con utenti individuali, e i ruoli decidono chi può visualizzare, commentare, approvare o vedere la fatturazione. Il tuo staff ottiene un proprio livello con visibilità cross-cliente.
Come si tengono separati i dati di un cliente da quelli di un altro?
L'isolamento è applicato con regole di sicurezza a livello di riga nel backend Supabase generato, così una query del cliente A non può fisicamente restituire le righe del cliente B. I test di sicurezza di Ciao includono sonde di controllo degli accessi che lo confermano sull'app live invece di darlo per scontato dal codice.
I clienti possono pagare le fatture dentro il portale?
Sì. Il Block dei pagamenti aggiunge un checkout basato su provider per depositi e fatture, e lo stato del pagamento viene registrato contro il progetto così il tuo team vede in un solo posto il lavoro pagato e quello in ritardo.
Possiamo rendere il portale completamente white-label?
Sì — il portale è il tuo codice sul tuo dominio, senza badge del fornitore. Le agenzie che costruiscono portali per i propri clienti dovrebbero anche guardare l'Agency Build Grant, pensato esattamente per questo tipo di lavoro cliente ricorrente.
Cosa succede al portale se smettiamo di usare Ciao?
Lo mantieni. Il portale è React, TypeScript e Tailwind standard su Supabase, esportabile sul tuo repository in qualsiasi momento. La proprietà del codice è al 100% tua e il codice del cliente non viene mai usato per addestrare i modelli.
Quanto costa gestire un portale clienti?
Non c'è un contatore per cliente o per postazione — l'economia conta per le società con decine di clienti. I crediti self-serve coprono una prima build; le società che gestiscono la delivery cliente su Ciao come programma serio partono da 10.000 USD all'anno.