Klantportaal maken: een eigen klantenportaal bouwen

Veel kleine bedrijven sturen documenten heen en weer per mail. Een offerte, een contract, een tussenversie van een ontwerp, een factuur. Na een paar weken weet niemand meer welke versie de juiste is. Een klantportaal brengt alles op één plek bij elkaar.

Het is vooral handig als je langere opdrachten doet met meerdere stappen. Denk aan een boekhouder die stukken van klanten verzamelt, een architect die tekeningen deelt, een webbouwer die de voortgang laat zien of een installateur die documenten van een klus bewaart. De klant logt in en ziet in één oogopslag waar het project staat.

Begin klein. Een portaal met inloggen en documenten is al heel nuttig; de rest voeg je later toe.

• basis

  Inloggen voor klanten

  Elke klant krijgt een eigen account. Na het inloggen ziet hij alleen zijn eigen projecten en bestanden.

• basis

  Documenten delen

  Jij uploadt bestanden voor een klant, de klant kan ze downloaden. Eventueel kan de klant zelf ook stukken aanleveren.

• overzicht

  Status van opdrachten

  Een eenvoudige tijdlijn of statusbalk: aangevraagd, in behandeling, wacht op klant, afgerond.

• contact

  Berichten en notities

  Vragen en antwoorden bij een project, zodat afspraken niet verspreid raken over mail en telefoon.

• beheer

  Beheeromgeving voor jou

  Klanten aanmaken, projecten toevoegen, status bijwerken en bestanden uploaden vanuit één scherm.

Zo pak je het aan met Claude Code. Je test eerst alles op je eigen computer voordat je het online zet, met je gegevens in een online database bij Prisma Postgres.

1. 1

   Bepaal wie wat mag zien

   Schrijf op welke rollen er zijn (jij als beheerder, klanten) en wat elke rol mag. Dit is de belangrijkste stap van het hele project.

2. 2

   Laat de database ontwerpen

   Vraag om tabellen voor gebruikers, projecten, documenten en statussen, en laat de AI uitleggen hoe ze met elkaar samenhangen.

3. 3

   Bouw het inloggen

   Vraag om veilig opgeslagen wachtwoorden, een wachtwoord-vergeten-functie en automatisch uitloggen na een tijd zonder activiteit.

4. 4

   Bouw de klantpagina

   Een overzicht van de eigen projecten met status en documenten. Laat de AI bij elke pagina controleren of de ingelogde klant wel eigenaar is van wat hij opvraagt.

5. 5

   Bouw je beheeromgeving

   Klanten uitnodigen, projecten aanmaken, bestanden uploaden en status bijwerken.

6. 6

   Test als een buitenstaander

   Maak twee testklanten aan en probeer met klant A bij de bestanden van klant B te komen, bijvoorbeeld door een nummer in de adresbalk te veranderen. Lukt dat, dan is het niet klaar.

In een klantportaal staan vaak gevoelige gegevens: contracten, financiële stukken, persoonsgegevens. Daarom gelden er strengere eisen dan voor een gewone website. Onder de AVG, de Europese privacywet, ben je verantwoordelijk voor het goed beveiligen van die gegevens. Gaat het mis, dan moet je een datalek soms melden.

Neem deze punten op in je opdrachten aan de AI:

• Wachtwoorden nooit leesbaar opslaan, maar versleuteld (in vaktaal: gehasht).
• Bij elk bestand en elke pagina controleren of de ingelogde gebruiker er recht op heeft.
• Geüploade bestanden niet in een openbare map zetten waar iedereen ze via een link kan openen.
• Altijd een beveiligde verbinding gebruiken, herkenbaar aan https in de adresbalk.
• Een limiet op het aantal inlogpogingen, zodat niemand eindeloos wachtwoorden kan proberen.
• Vaste back-ups, en een plan voor het verwijderen van gegevens van oud-klanten.

Vraag Claude Code na het bouwen om je portaal te controleren op beveiligingsproblemen en laat uitleggen wat het vindt. Twijfel je bij heel gevoelige gegevens, laat het dan ook door een ervaren ontwikkelaar nakijken.

Veel boekhoudpakketten, projecttools en cloudopslagdiensten hebben een manier om bestanden met klanten te delen. Als dat voor jou genoeg is, is dat vaak de veiligste en snelste keuze: de beveiliging wordt dan door de aanbieder geregeld.

Een eigen klantportaal is de moeite waard als je een specifieke werkwijze hebt die nergens in past, als je alles in je eigen huisstijl wilt of als je meerdere dingen wilt combineren, zoals status, documenten en een vragenlijst. Begin dan met een kleine versie voor een paar vaste klanten en breid uit als het goed werkt.