Back to Case Studies

SCHUTZSCHILD Brandenburg - Web Development

Civil Protection Platform

A portfolio demo project showcasing a civil protection platform for Brandenburg, Germany, centralizing emergency warnings, volunteer coordination, and crisis communication in one accessible system.

29
Public Routes
13
CMS Collections
4
User Roles
AA
Accessibility

The Challenge

As a portfolio demonstration, we set out to solve a real-world problem: Brandenburg lacks a unified digital platform for civil protection. Emergency information is fragmented across multiple agencies and websites, leaving citizens without centralized access to localized preparedness resources. There is no coordinated system for volunteer management during crises, and existing solutions fail to meet German accessibility standards (BITV 2.0) or GDPR requirements. In emergencies, every second counts and scattered information costs time.

Our Solution

We built SCHUTZSCHILD Brandenburg as a fully functional demo, a modern, accessible Next.js 15 platform with Payload CMS 3 embedded directly in the application. The system integrates Germany's official NINA warning API for a live warning ticker, provides interactive preparedness checklists tailored by household size and risk profile, and features a full volunteer coordination portal ("Spontanhelfer") with skill tracking, availability management, and deployment readiness. 13 CMS collections with granular role-based access control across four user roles (Admin, Editor, Crisis Staff, Press Office) power the entire content workflow, from articles and events to GDPR-compliant newsletter distribution and emergency pages designed to function without JavaScript.

The Results

Delivered a fully functional MVP with 29 public-facing routes covering all civil protection topics for Brandenburg
Built 13 CMS collections with granular role-based access control across 4 user roles (Admin, Editor, Crisis Staff, Press Office)
Achieved WCAG 2.1 AA accessibility with high-contrast mode, dark mode, skip navigation, and BITV 2.0 compliance
Complete GDPR compliance including double opt-in newsletter subscriptions, consent tracking, and full privacy policy
Emergency pages designed to function without JavaScript for maximum reliability during crisis situations
Scalable serverless architecture deployed on Vercel with Supabase PostgreSQL and transaction-mode connection pooling

Tech Stack

Next.jsPayload CMSSupabaseTypeScriptTailwind CSSRadix UIDrizzle ORMVercel

Ready to Outrun the Competition?

Let's build something that makes your competitors nervous.