Case 03 / 05Custom website with its own CMS and sign-up routes2026Live

A Laravel 12 application with a custom Filament CMS, replacing WordPress. Two sign-up routes, Youth Act and Wmo, and an admin where the team manages pages, vacancies and sign-ups themselves.

care-4all.nlCare-4 All
care-4all.nl
Care-4 All: Custom website with its own CMS and sign-up routes
Screenshot of the work

The brief

People seeking help often don’t know whether their need falls under the Youth Act or the Wmo. The old WordPress site didn’t explain it and every change went through plugins. The brief: a calm, accessible site and a CMS without a developer.

What we did

Information architecture built on one question: ‘who are you looking for help for?’. Two sign-up routes with a five-step form, a Filament CMS with revisions on every change, structured data per page and complete brand guidelines.

+66%more website visitors
19public pages and routes
2sign-up routes: Youth Act and Wmo
16manageable sections in the CMS

What we built

Care-4 All
  • Sign-up routes

    Youth Act (local team or GP) and Wmo (municipal desk and intake conversation) explained step by step, with a five-step form: who for, details, contact, situation, review. For urgent care, straight to crisis support.

  • Custom CMS

    Filament resources for pages, services, blog, team, testimonials, partners, navigation, downloads and settings. Every change is a restorable revision; copy through a Tiptap editor.

  • Vacancies and applications

    Publish vacancies and receive applications with a CV upload. Applications, sign-ups and contact messages arrive in one admin overview.

  • Partner bands

    Two opposing logo bands that pause on hover and focus, scroll with mouse, touch and arrow keys, and stand still with prefers-reduced-motion. 29 logos brought to equal optical weight with a script.

  • Accessible and findable

    Contrast, plain language and full keyboard control. JSON-LD for Organization, WebSite and WebPage, with a unique title and description per page.

  • Brand and media kit

    Guidelines for colour, typography, logo use and tone of voice, so print and social match the site.

In pictures

Scroll to browse
care-4all.nl
The homepage: sign up in one tap, with quick choices for yourself, your family or a pupil.
01The homepage: sign up in one tap, with quick choices for yourself, your family or a pupil.
care-4all.nl
Sign up: choose the route that fits the situation.
02Sign up: choose the route that fits the situation.
care-4all.nl
The Youth Act route, calmly explained.
03The Youth Act route, calmly explained.
care-4all.nl
What Care-4 All does within youth care.
04What Care-4 All does within youth care.
care-4all.nl
The five-step sign-up form.
05The five-step sign-up form.
care-4all.nl
One of three design directions for the homepage.
06One of three design directions for the homepage.
care-4all.nl
For comparison: the old WordPress site.
07For comparison: the old WordPress site.

The hardest part

Making legal routes like the Youth Act and the Wmo understandable without oversimplifying them, for people who arrive under stress. So the site first asks ‘who are you looking for help for?’, then explains each route in plain language: who does what, how long it takes and what to expect.

Under the hood

Languages, frameworks and integrations
Languages
PHP 8.2, JavaScript, CSS
Framework
Laravel 12
CMS
Filament 5, with custom resources and revisions
Editor
Tiptap rich text
Data
MySQL
Build
Vite
Hosting
Plesk, FTPS deployment with database migrations
Quality
PHPUnit, Laravel Pint
Next case — 04 / 05Collett. webshopCustom Shopify theme, SEO and GEO