Use cases
Klantportalen bouwen met AI-assisted engineering
Vervang het leveringsproces via e-mail en bijlagen door een branded portaal waar je klanten op inloggen — gebouwd als echte code die je bezit, op je eigen domein.
Ciao is een AI-assisted engineeringplatform voor het bouwen van klantportalen — branded, ingelogde ruimtes waar klanten projecten volgen, bestanden uitwisselen, opleveringen goedkeuren en facturen betalen. In tegenstelling tot sjabloon-portaalproducten genereert Ciao een echte React-, TypeScript- en Supabase-applicatie gevormd naar jouw leveringsproces, met data-isolatie per klant, een audit trail op goedkeuringen, beheerde wijzigingen en deployment naar je eigen domein en cloud.
Gepubliceerd 2026-07-03 · Laatst bijgewerkt 2026-07-03
Wat een klantportaal vervangt
Een klantportaal is een branded, ingelogde ruimte waar je klanten projectstatus zien, bestanden uitwisselen, opleveringen goedkeuren en facturen vereffenen. Het bestaat om het leveringsproces te vervangen dat de meeste dienstverlenende bedrijven daadwerkelijk draaien: lange e-mailthreads, bijlagen genaamd definitief_v7, en een wekelijks belletje dat begint met "waar staan we eigenlijk met alles?"
Bedrijven die levering via een portaal draaien beantwoorden minder statusvragen, krijgen goedkeuringen met tijdstempels in plaats van weggestopte antwoorden, en stoppen met bestanden opnieuw versturen. Klanten krijgen één URL die altijd de waarheid toont. Het obstakel is nooit de wens geweest — het was dat custom software te duur was voor een dienstenmarge, en kant-en-klare portalen dwingen je proces in hun sjabloon op andermans domein.
Ciao verandert de economie. Je beschrijft je leveringsproces — hoe projecten bewegen, wat klanten zien, wat goedkeuring nodig heeft — en Ciao bouwt het portaal als een echte React-, TypeScript- en Supabase-applicatie. Jouw merk, jouw domein, jouw workflow, jouw code.
Wat een klantportaal daadwerkelijk vereist
- Klant- en organisatieaccounts — Een klant is een bedrijf met meerdere gebruikers — elk logt apart in maar ziet alleen de projecten van de eigen organisatie.
- Eenvoudige klantlogin — Eenmalige e-maillinks of wachtwoorden voor klanten, SSO voor je eigen personeel. Klanten zullen zich niet aanmelden bij jouw identity provider.
- Data-isolatie per klant — Row-level-regels in de backend zodat klant A nooit de records van klant B kan bevragen — afgedwongen in de database, niet verborgen in de UI.
- Project- en statusobjecten — Projecten, mijlpalen en opleveringen met expliciete statussen: in uitvoering, in review, goedgekeurd, geleverd.
- Bestandsuitwisseling — Geversioneerde uploads met previews en opmerkingen, zodat "welk bestand is actueel" geen vraag meer is.
- Goedkeuringen met een record — Klanten keuren opleveringen goed in het portaal; het record toont wie wat goedkeurde, wanneer, en welke versie.
- Facturen en betalingen — Aanbetalingen en facturen betaalbaar binnen het portaal via een betalingsintegratie, gekoppeld aan het projectrecord.
- Meldingen — Actie-vereist-e-mails voor klanten, Slack-meldingen voor je team wanneer iets is goedgekeurd, afgekeurd of te laat is.
- Jouw merk overal — Je logo, kleuren en domein — het portaal oogt als jouw product, niet als een tool van een derde partij.
Hoe een portaalbouw verloopt op Ciao
1. Je leveringsproces beschrijven
Hoe werk beweegt van kickoff tot goedkeuring, wat klanten in elke fase moeten zien, en wat intern blijft.
2. Het datamodel en de auth genereren
Ciao bouwt het Supabase-schema — organisaties, gebruikers, projecten, opleveringen — met row-level-isolatie en klantlogin vanaf het begin.
3. Je merk toepassen
Importeer designs uit Figma of beschrijf de look; omdat de output echte React en Tailwind is, is niets aan het merk onbereikbaar.
4. De klantgerichte paden testen
QA speelt de flows af die een klant doorloopt — inloggen, downloaden, goedkeuren, betalen — en blokkeert elke publicatie achter smoke tests.
5. De gevoelige gebieden besturen
Guardrails koppelt betalings- en klantdatacode aan beschermde zones, past plain-English-beleid toe en legt review vast bij risicovolle wijzigingen.
6. Deployen op je domein
Ciao cloud of je eigen AWS-, Azure- of GCP-account — het portaal draait op portal.jouwbedrijf.com, niet op een subdomein van de leverancier.
7. Stap voor stap doorontwikkelen per klant
Nieuwe opleveringstypes, nieuwe rapporten, een nieuwe dienstenlijn — beschreven in gewone taal, uitgeleverd via dezelfde beheerde loop.
Security- en governancechecklist
- ✓ Row-level data-isolatie tussen klantorganisaties, afgedwongen in de backend
- ✓ Aparte permissieniveaus voor klanten, klantadmins en je eigen personeel
- ✓ Append-only audit trail achter goedkeuringen, merges, deploys en admin-acties
- ✓ Guardrails-review bij elke wijziging die betalingen of klantdata raakt
- ✓ Security-testing met toegangscontrole-probes bevestigd tegen de live app
- ✓ QA smoke gates vóór elke publicatie naar een klantgericht oppervlak
- ✓ Klantbestanden opgeslagen met afgebakende toegang, geen gedeelde links die lekken
- ✓ Volledige code-export beschikbaar — het portaal is van jou, mocht je ooit vertrekken
Varianten van klantportalen
Bureaucampagneportaal
Campagnestatus, creatieve goedkeuringen met versiegeschiedenis, prestatiesnapshots en facturen in één branded ruimte.
Klantportaal voor accountantskantoren
Documentverzoeken met checklists, veilige uploads, indieningsstatus en opdrachtbevestigingen — geen gevoelige PDF's meer via e-mail.
Zaakportaal voor advocatenkantoren
Zaakstatus, documentuitwisseling en factuuroverzicht voor klanten — workflowtooling voor het kantoor, geen juridisch advies.
Bouwprojectportaal
Mijlpalen, bouwplaatsfoto's, meerwerkopdrachten met klantgoedkeuring, en betalingsschema's gekoppeld aan voortgang.
Adviesopdrachtportaal
Opleveringen, vergadernotities, besluitenlogs en een doorlopend overzicht van scope tegenover de opdrachtomschrijving.
Serviceportaal voor MSP's
Ticketoverzicht, assetlijsten, onderhoudsvensters en verlengingen voor elke managed klant.
Portaalvereisten, gedekt
| Vereiste | Hoe Ciao dit dekt |
|---|---|
| Klanten zien alleen hun eigen data | Row-level-securityregels gegenereerd in de Supabase-backend |
| Meerdere gebruikers per klant | Organisatieaccounts met rollen en uitnodigingen per gebruiker |
| Goedkeuringen die later standhouden | Goedkeuringsrecords met tijdstempel achter een append-only audit trail |
| Betalingen in het portaal | One-click betalingsintegratie via Blocks, gekoppeld aan projectrecords |
| Jouw merk en domein | Echte React- en Tailwind-code, Figma-import, gedeployed naar je domein |
| Veilige doorlopende wijzigingen | Guardrails-beleidsreview plus QA-replays op klantgerichte flows |
| Eigendom | 100% code-eigendom — exporteer het portaal op elk moment naar je eigen repository |
Veelgestelde vragen
Kan elke klantorganisatie meerdere gebruikers hebben met verschillende permissies?
Ja. Klanten worden gemodelleerd als organisaties met individuele gebruikers, en rollen bepalen wie mag bekijken, becommentariëren, goedkeuren of facturatie zien. Je eigen personeel krijgt een eigen niveau met overzicht over alle klanten.
Hoe blijft de data van de ene klant weg bij die van een andere?
Isolatie wordt afgedwongen met row-level-securityregels in de gegenereerde Supabase-backend, zodat een query van klant A fysiek geen rijen van klant B kan teruggeven. Ciao's Security-testing omvat toegangscontrole-probes die dit tegen de live app bevestigen in plaats van het uit de code aan te nemen.
Kunnen klanten facturen binnen het portaal betalen?
Ja. De payments Block voegt door de provider ondersteunde checkout toe voor aanbetalingen en facturen, en betaalstatus wordt vastgelegd bij het project, zodat je team betaald en achterstallig werk op één plek ziet.
Kunnen we het portaal volledig white-labelen?
Ja — het portaal is jouw code op jouw domein, zonder badge van de leverancier. Bureaus die portalen bouwen voor hun eigen klanten kunnen ook kijken naar de Agency Build Grant, die precies is ontworpen voor dit soort terugkerend klantwerk.
Wat gebeurt er met het portaal als we stoppen met Ciao?
Je houdt het. Het portaal is standaard React, TypeScript en Tailwind op Supabase, op elk moment exporteerbaar naar je eigen repository. Code-eigendom is 100% van jou en klantcode wordt nooit gebruikt om modellen te trainen.
Wat kost het om een klantportaal te draaien?
Er is geen meter per klant of per plek — de economie doet ertoe voor bedrijven met tientallen klanten. Selfservice-credits dekken een eerste bouw; bedrijven die klantlevering als serieus programma op Ciao draaien beginnen bij USD 10.000 per jaar.