Groepen-view — 10 layout-varianten

De huidige Groepen-pagina (rol Maria) stapelt twee losse formulieren onder elke klant — dat oogt rommelig. Tien manieren om dezelfde drie handelingen (groepen zien · groep aanmaken · deelnemer indelen) rustiger in te delen. Zelfde huisstijl-tokens en seed-data als het portaal. De mockups zijn statisch: knoppen doen niets.
1

Actiekolom rechts

Inhoud links, dóén rechts: de groepen krijgen de volle breedte, beide formulieren staan gestapeld in één rustige, getinte kolom. De knoppen zijn full-width, dus altijd even breed en netjes uitgelijnd.

Gemeente Rivierstad

Balieteam A2 deelnemer(s) · 1 geslaagd
Sanne de BoerKarim el Amrani
2

Actiebalk bovenin

Eén getinte werkbalk direct onder de klantnaam, met een scheidingslijn tussen "aanmaken" en "indelen". De acties zitten altijd op dezelfde vaste plek; daaronder is alle ruimte voor de groepen zelf.

Zorggroep West

Woongroep De Linde2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit
3

Groepskaarten-grid met plus-kaart

Elke groep is een eigen kaart met voortgangsbalkje en een "+ deelnemer"-regel ónder aan de kaart — indelen gebeurt bij de groep zelf, niet in een los formulier. Nieuwe groep = de gestippelde kaart. (Eén extra voorbeeldgroep toegevoegd om het grid-patroon te laten zien.)

Zorggroep West

Woongroep De Linde
2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit
Nachtdienst
1 deelnemer(s) · 1 geslaagd
Karim el Amrani
+
4

Tabel met formulier-voetrij

Groepen als overzichtelijke rijen — schaalbaar als een klant straks tien groepen heeft. Indelen zit als klein select-je ín de rij; de nieuwe-groep-invoer is de getinte voetrij van de tabel. (Zelfde extra voorbeeldgroep.)

Zorggroep West

GroepDeelnemersGeslaagd
Woongroep De Linde
Ellen VisserRuben Smit
0 / 2
Nachtdienst
Karim el Amrani
1 / 1
5

Klik-indelen: kies een naam, kies een groep

Geen dropdowns meer: links klik je een deelnemer aan (hier: Ellen), rechts lichten de groepen op als bestemming. Indelen wordt twee klikken die je zíét, in plaats van twee selects en een knop.

Zorggroep West

Ellen Visser Ruben Smit
Woongroep De Linde
2 deelnemer(s) · 0 geslaagd
+ Nieuwe groep…
maakt de groep aan én plaatst de deelnemer
6

Accordion per klant, acties in de kop

Compact als er straks veel klanten zijn: elke klant is een uitklapbalk met tellers. De twee acties zijn kleine knoppen in de kop; pas na een klik verschijnt het bijbehorende mini-formulier (hier open getekend).

Zorggroep West 1 groep · 2 deelnemers · 0 geslaagd
Woongroep De Linde2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit
Gemeente Rivierstad 1 groep · 2 deelnemers · 1 geslaagd
7

Sidebar: één klant tegelijk

Klanten worden navigatie in plaats van gestapelde panelen: links kies je de klant (met tellertjes), rechts zie je alléén die klant — groepen bovenaan, acties in één strip eronder. Voelt het meest als een echte beheer-app.

Zorggroep West

Woongroep De Linde2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit
8

Rustige leespagina + modaal

De pagina zelf toont alleen nog de groepen; twee duidelijke knoppen bovenaan openen een venster waarin je álles kiest, inclusief de klant. Formulieren zijn er alleen als je ze nodig hebt — en hoeven niet meer per klant herhaald te worden.

Groepen

Woongroep De LindeZorggroep West · 2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit
Balieteam AGemeente Rivierstad · 2 deelnemer(s) · 1 geslaagd
Sanne de BoerKarim el Amrani

Deelnemer indelen

9

Kolommenbord (kanban)

Groepen als kolommen, deelnemers als kaartjes — de indeling ís het scherm. Verplaatsen via het ⋯-menu op een kaartje (hier open getekend), nieuwe groep als gestippelde kolom. (Voorbeeld-deelnemer "Tom Bakker" toegevoegd om de kolom "nog niet ingedeeld" te tonen.)

Gemeente Rivierstad

Nog niet ingedeeld1
Tom Bakker
Verplaats naarBalieteam A+ nieuwe groep…
Balieteam A2 · 1 ✓
Sanne de Boer
Karim el Amrani
+ Nieuwe groep
10

Zin-formulier bovenaan

Eén actiestrook voor álle klanten, geschreven als zin: "maak groep … aan bij …" en "deel … in bij …". De invoervelden zitten in de zin zelf. Daaronder zijn de klantpanelen puur leesbaar — nul formulieren in de lijst.

Maak groep aan bij
Deel in bij

Zorggroep West

Woongroep De Linde2 deelnemer(s) · 0 geslaagd
Ellen VisserRuben Smit

Gemeente Rivierstad

Balieteam A2 deelnemer(s) · 1 geslaagd
Sanne de BoerKarim el Amrani
Verkenning bij demo/integraal/index.html (rol Maria → Groepen). Gekozen (2026-07-03): combi van 3 + 4 — een schakelaar rechtsboven wisselt tussen kaarten- en tabelweergave; zo is het in het portaal ingebouwd.