Case 03 / 05Website op maat met eigen CMS en aanmeldroutes2026Live

Een Laravel 12-applicatie met eigen Filament-CMS ter vervanging van WordPress. Twee aanmeldroutes, Jeugdwet en Wmo, en een beheeromgeving waarin het team pagina’s, vacatures en aanmeldingen zelf beheert.

care-4all.nlCare-4 All
care-4all.nl
Care-4 All: Website op maat met eigen CMS en aanmeldroutes
Schermafbeelding van het werk

De vraag

Hulpzoekers weten vaak niet of hun vraag onder de Jeugdwet of de Wmo valt. De oude WordPress-site legde dat niet uit en elke wijziging liep via plug-ins. Gevraagd: een rustige, toegankelijke site en een CMS zonder ontwikkelaar.

Wat we deden

Informatiearchitectuur vanuit één vraag: ‘voor wie zoekt u hulp?’. Twee aanmeldroutes met een formulier in vijf stappen, een Filament-CMS met revisies op elke wijziging, structured data per pagina en een complete huisstijlhandleiding.

+66%meer websitebezoekers
19publieke pagina’s en routes
2aanmeldroutes: Jeugdwet en Wmo
16beheerbare onderdelen in het CMS

Wat we bouwden

Care-4 All
  • Aanmeldroutes

    Jeugdwet (wijkteam of huisarts) en Wmo (loket en keukentafelgesprek) per stap uitgelegd, met een formulier in vijf stappen: voor wie, gegevens, contact, situatie, controle. Bij acute zorg direct door naar crisis ambulant.

  • Maatwerk-CMS

    Filament-resources voor pagina’s, diensten, blog, team, ervaringen, partners, navigatie, downloads en instellingen. Elke wijziging is een revisie die terug te zetten is; tekst via een Tiptap-editor.

  • Vacatures en sollicitaties

    Vacatures publiceren en sollicitaties met cv-upload ontvangen. Sollicitaties, aanmeldingen en contactberichten komen binnen in één beheeroverzicht.

  • Partnerbanden

    Twee tegengestelde logobanden die pauzeren bij hover en focus, te verschuiven zijn met muis, touch en pijltoetsen, en stilstaan bij prefers-reduced-motion. 29 logo’s met een script op gelijk optisch gewicht gebracht.

  • Toegankelijk en vindbaar

    Contrast, eenvoudige taal en volledige toetsenbordbediening. JSON-LD voor Organization, WebSite en WebPage, met een unieke titel en omschrijving per pagina.

  • Huisstijl en mediakit

    Een handleiding voor kleur, typografie, logogebruik en tone of voice, zodat drukwerk en social aansluiten op de site.

In beeld

Scroll om te bladeren
care-4all.nl
De homepage: aanmelden binnen één tik, met snelkeuze voor uzelf, uw gezin of een leerling.
01De homepage: aanmelden binnen één tik, met snelkeuze voor uzelf, uw gezin of een leerling.
care-4all.nl
Aanmelden: kies de route die bij de situatie past.
02Aanmelden: kies de route die bij de situatie past.
care-4all.nl
De route via de Jeugdwet, rustig uitgelegd.
03De route via de Jeugdwet, rustig uitgelegd.
care-4all.nl
Wat Care-4 All doet binnen de jeugdhulp.
04Wat Care-4 All doet binnen de jeugdhulp.
care-4all.nl
Het aanmeldformulier in vijf stappen.
05Het aanmeldformulier in vijf stappen.
care-4all.nl
Een van de drie ontwerprichtingen voor de homepage.
06Een van de drie ontwerprichtingen voor de homepage.
care-4all.nl
Ter vergelijking: de oude WordPress-site.
07Ter vergelijking: de oude WordPress-site.

Het lastigste stuk

Wettelijke routes als de Jeugdwet en de Wmo begrijpelijk maken zonder ze te versimpelen, voor mensen die gespannen binnenkomen. Daarom eerst de vraag ‘voor wie zoekt u hulp?’, daarna per route in gewone taal: wie doet wat, hoe lang duurt het en wat kunt u verwachten.

Onder de motorkap

Talen, frameworks en koppelingen
Talen
PHP 8.2, JavaScript, CSS
Framework
Laravel 12
CMS
Filament 5, met eigen resources en revisies
Editor
Tiptap rich text
Data
MySQL
Build
Vite
Hosting
Plesk, FTPS-uitrol met database-migraties
Kwaliteit
PHPUnit, Laravel Pint
Volgende case — 04 / 05Collett. webshopShopify-thema op maat, SEO en GEO