Rode Kruis
Vlaanderen
Designverkenning · 2026

Eén digitaal ecosysteem

Alles wat helpt.
Helder op één plek.

Twaalf toepassingen, opnieuw ontworpen als één herkenbare familie. Rustig in gebruik, toegankelijk voor iedereen en gemaakt rond de taken die echt tellen.

12 toepassingen 52 schermen AA toegankelijk

Bekijk de toepassingen

Kies een redesign

Elke kaart opent een werkend HTML-prototype. De uitgebreidere toepassingen bevatten complete flows met blijvende mockdata en meerdere vervolgschermen.

01

Digitale werkplek

Mijn Rode Kruis

Een persoonlijk portaal met snelle toegang tot apps, nieuws, documenten en activiteiten. Open redesign
02

Opleidingsplatform

Leerhelpen

Vind opleidingen op thema, datum en locatie en schrijf je zonder omwegen in. Open redesign
03

Crisisplatform

Crisisvrijwilligers

Een rustige, betrouwbare registratie-ervaring voor vrijwilligers en hulpvragers. Open redesign
04

Vrijwilligersbeheer

CRM

Persoons-, contact- en kwalificatiegegevens overzichtelijk in één werkbare profielweergave. Open redesign
05

Leren & ontwikkelen

Eduko

Een leeromgeving die voortgang, certificaten en aanbevolen cursussen samenbrengt. Open redesign
06

Eerste hulp op evenementen

Evenementen

Een heldere ingang voor organisatoren die eerste hulp op maat willen aanvragen. Open redesign
07

Onkostenbeheer

Kostenregistratie

Kosten indienen, opvolgen en valideren in een transparante, taakgerichte flow. Open redesign
08

Hulpacties

Papyrus

Hulpacties vinden, plannen en beheren met lijst-, kalender- en detailweergaven. Open redesign
09

Mobiele terreincoördinatie

Perkament

Interventies, routes, terreinberichten en locatie-informatie eenvoudig bij de hand. Open redesign
10

Afdelingsstockbeheer

Stockcompas

Materiaal, toestellen, tassen, uitleningen en controles eenvoudig beheren per afdeling. Open redesign
11

Materiaal & ondersteuning

Webshop

Een overzichtelijke catalogus met productfilters, hulp en direct contact. Open redesign
12

Hulppostregistratie

Feniks

Patiënten registreren, verzorgen en opvolgen in een snelle, betrouwbare hulppostflow. Open redesign

Technische basis

Waarop deze prototypes gebouwd zijn.

Een compacte, onderhoudbare stack zonder onnodige complexiteit. De interfaces zijn server-rendered, responsief en werken met lokale mockdata zodat alle flows veilig te demonstreren zijn.

Backend
Laravel 12Routes, Blade-views, validatie en testbare applicatielogica.
Runtime
PHP 8.3Composer-platformdoel en minimale PHP-versie voor hosting.
Vormgeving
Tailwind CSS 4CSS-first tooling, aangevuld met centrale ontwerptokens en componentstijlen.
Frontendbuild
Vite 7 + npmSnelle productiebuilds en één vastgelegde npm-lockfile.
Interface
Blade + HTML5Betekenisvolle, server-rendered pagina’s zonder verplichte SPA-laag.
Interactie
Vanilla JavaScriptToegankelijke interacties met blijvende mockdata in localStorage.
Dependencies
Composer 2 + Node.js 22+Reproduceerbare PHP- en frontendinstallaties vanuit lockfiles.
Kwaliteitscontrole
PHPUnit 12Featuretests voor routes, schermen, formulieren en belangrijke flows.
Toegankelijkheid
WCAG 2.2 AAGrote bediening, toetsenbordfocus, semantische HTML en minder beweging.

Ontwerpprincipes

Eenvoud als vorm van zorg.

01

Taak voorop

De belangrijkste volgende stap staat altijd zichtbaar en begrijpelijk in beeld.

02

Rust in informatie

Heldere hiërarchie, voorspelbare patronen en genoeg ademruimte voor complexe gegevens.

03

Toegankelijk samen

Semantische HTML, toetsenbordbediening, zichtbare focus en responsieve layouts als basis.

Interactief prototype

Actie

Deze functie is beschikbaar in het prototype.

Mockdata bewerken

Gegevens invullen