
Onkologische Rehabilitation
Die Bewerbungsseite eines EU-geförderten Reha-Programms für ein regionales Onkologiezentrum.
Abgeschlossen — Juli 2021 bis Dezember 2022 ·
- React
- PHP
- Material Design
- reCAPTCHA
- Apache 2.0
Bewerbungsformular und Infoseite für ein aus dem ESF mitfinanziertes Projekt.
Screenshots
Ziehen Sie die Leiste zur Seite, um zu blättern. Klicken Sie auf einen Screenshot, um ihn zu vergrößern, und wechseln Sie dann mit den Pfeiltasten.Vollständige Beschreibung
Die Website für „Onkologische Rehabilitation für Krebspatienten, 2021–2022, im Westpommerschen Onkologiezentrum" — beauftragt vom Krankenhaus (ZCO) in Stettin und mitfinanziert durch den Europäischen Sozialfonds im Rahmen des Regionalen Operationellen Programms Westpommern 2014-2020.
DER AUFTRAG
Das Briefing kam von der Verwaltungsabteilung des Krankenhauses als schriftlicher Leistungsumfang: eine Website mit Online-Rekrutierung, ein Bewerbungsformular, herunterladbare Dokumente, ein Rücklink von der Krankenhaus-Startseite, eigenes Hosting und eine eigene Domain sowie eine Schulung des Personals im Umgang mit der Seite.
EIN FORMULAR, DAS FÖRDERRICHTLINIEN GENÜGEN MUSS, NICHT NUR UX-ANSPRÜCHEN Die Aufnahme in ein ESF-gefördertes Programm bedeutet, bestimmte Monitoring-Indikatoren zu erheben — darunter sensible Daten zu Behinderung oder sozialer Benachteiligung — stets mit der Option „keine Angabe". Das Formular validiert die Personenkennziffer, Pflichtfelder und das Datumsformat, bevor irgendetwas weiterverarbeitet wird.
SPAMSCHUTZ UND VALIDIERUNG
reCAPTCHA im Formular, client- und serverseitige Feldvalidierung sowie PHP-Skripte, die eine Einreichung sicher zur Projektkoordination bringen.
DIE VISUELLE EBENE
Ein React-Frontend auf Basis von Googles Material-Design-Komponenten — eine konsistente, barrierearme Oberfläche ohne ein von Grund auf neu gebautes eigenes Designsystem, vollständig responsiv auf Smartphones und Tablets.
EIN PROJEKT MIT ENDDATUM
Der Auftrag hatte einen festen Zeitrahmen (07.2021–12.2022) und ein auf zwei Haushaltsjahre verteiltes Budget — eine Seite, gebaut für ein konkretes, zeitlich begrenztes öffentliches Programm, kein auf Dauer betriebenes Produkt.
Technologie
Leistungsumfang: Design, Frontend- und Formular-Skript-Implementierung, Hosting, Mitarbeiterschulung
- React
- Google Material Design components
- Responsive CSS
- PHP (form-handling scripts)
- Server-side validation
- Email/server delivery
- reCAPTCHA
- Client + server field validation
- PESEL format validation
- Own hosting & domain
- Apache License 2.0
- Admin training
- Cookie policy
Fallstudie — Architektur und Technologie
8 Min.
Das Projekt in einem Absatz
Dies ist die Website eines echten EU-geförderten Programms — die Rekrutierung von Krebspatientinnen und -patienten für ein kostenloses Rehabilitationsprogramm des Westpommerschen Onkologiezentrums (ZCO) in Stettin, mitfinanziert durch den Europäischen Sozialfonds. Der Auftrag kam vom Krankenhaus als schriftliches Briefing mit einem festen, abgeschlossenen Umfang — nicht von einem Startup mit offenem Backlog. Die größten Einschränkungen dieses Projekts waren nicht technischer, sondern verfahrenstechnischer Natur: EU-Programmanforderungen, vorgeschriebene Förderlogos, Teilnehmerunterlagen und ein fester Zeitplan.
Ein Briefing statt eines Product Owners
Der Auftrag kam per E-Mail von der Verwaltungsabteilung der ZCO mit einem beigefügten Leistungsumfang: eine Website mit Online-Rekrutierung, ein Bewerbungsformular mit Musterfragebogen, vom Auftraggeber bereitgestellte Dokumente für Bewerber und Teilnehmer, ein Rücklink von der Krankenhaus-Startseite, ein eigenes Design und Layout, Formular-Skripte mit Validierung, eine Cookie-Richtlinie, die durch die Vereinbarung mit dem regionalen Arbeitsamt vorgeschriebenen Förderlogos, Hosting und eine Domain seitens des Auftragnehmers, eine Schulung für mindestens zwei Mitarbeitende, die die Seite verwalten würden, sowie technischen Support für die gesamte Projektlaufzeit. Kein Spielraum beim Umfang — der gesamte Spielraum lag darin, wie man es baut.
Ein Formular, das einem Förderprogramm genügen muss, nicht nur einem UX-Briefing
Die Aufnahme in ein ESF-gefördertes Programm ist kein gewöhnliches Kontaktformular. Das Programm verlangt die Erhebung bestimmter gemeinsamer Indikatoren — unter anderem, ob die teilnehmende Person einer nationalen oder ethnischen Minderheit angehört, obdachlos oder von Wohnungslosigkeit bedroht ist, eine Behinderung hat oder sich in einer anderen sozial benachteiligten Lage befindet. Einige dieser Fragen betreffen besondere Kategorien personenbezogener Daten im Sinne der DSGVO, daher trägt jede von ihnen neben „ja"/„nein" eine dritte Option: „keine Angabe" — eine teilnehmende Person wird nie zur Antwort gezwungen, und keine Antwort ist ein gültiger Formularzustand, kein Validierungsfehler.
Der Rest des Formulars validiert das, was eine typische Seite der öffentlichen Hand formal prüfen muss: die Personenkennziffer (PESEL) im strikten elfstelligen Format, mit Sternchen markierte Pflichtfelder, das Datumsformat für den Projektbeginn, das Alter bei Eintritt, den Bildungsstand aus einer geschlossenen Liste und die Berufskategorie der teilnehmenden Person (Beschäftigte der Sozialhilfe, der Arbeitsmarktinstitutionen, des Hochschulwesens, einer psychologisch-pädagogischen Beratungsstelle, Landwirt und andere) mit einem „Sonstige"-Feld für alles, was nicht auf der Liste steht.
PHP-Skripte als stiller, aber entscheidender Baustein
Die visuelle Ebene ist React auf Googles Material-Design-Komponenten — aber was tatsächlich darüber entscheidet, ob eine Einreichung die Projektkoordination erreicht, ist das serverseitige PHP: jedes Feld erneut validieren (niemals nur der clientseitigen Validierung vertrauen), die Einreichung zu einer E-Mail oder einem serverseitigen Datensatz zusammenfassen, und reCAPTCHA als erste Verteidigungslinie gegen Bots, die das Bewerbungsformular eines öffentlichen, leicht auffindbaren Gesundheitsprogramms ausfüllen — ein reales, kein theoretisches Risiko.
Logos sind keine Dekoration, sie sind Vertragsbestandteil
Die Website eines EU-geförderten Projekts muss bestimmte vorgeschriebene Logos tragen — das Emblem der Europäischen Fonds, das polnische Staatswappen, die Regionalmarke, das Emblem der Europäischen Union/des ESF — in Anordnung und Proportionen genau nach den Vorgaben des regionalen Arbeitsamts, weitergegeben durch den Auftraggeber. Das ist keine gestalterische Entscheidung, sondern eine Bedingung der Förderung selbst: eine falsche Werbekennzeichnung kann dazu führen, dass eine Ausgabe von der Förderstelle nicht anerkannt wird.
Eine über zwei Haushaltsjahre abgerechnete Aufgabe
Der Auftrag hatte von Anfang an eine feste Form: Beginn im Juli 2021, Ende am 31. Dezember 2022, mit Ausgaben, die gleichmäßig auf zwei Haushaltsjahre verteilt waren — der typische Rhythmus eines öffentlich finanzierten Projekts, bei dem sich der Zahlungsplan nach dem Kalenderjahr der Förderstelle richtet, nicht nach Umsetzungsmeilensteinen. Technischer Support war für diese gesamte Zeit Vertragsbestandteil, keine einmalige Lieferung.
Wissen weitergeben, nicht nur Code
Teil des Auftrags war die Schulung von mindestens zwei Krankenhausmitarbeitenden im Betrieb, in der Administration und Redaktion der gebauten Unterseite — denn nach Ende der Zusammenarbeit war es das eigene Personal der ZCO, nicht der Auftragnehmer, das Inhalte im Alltag aktualisieren und Einreichungen bearbeiten musste. Die Seite musste also einfach genug sein, um in einer einzigen Vor-Ort-Schulung beim Auftraggeber vollständig übergeben zu werden.
Ein Projekt mit Enddatum, kein Produkt ohne eines
Das Förderprogramm endete am 31. Dezember 2022 zusammen mit dem EU-Projekt, das die Rehabilitation finanzierte, für die rekrutiert wurde — die Domain des Projekts ist nicht mehr aktiv. Das ist ein ehrliches Bild eines guten Teils freiberuflicher Arbeit: Nicht jeder Auftrag ist ein auf Dauer betriebenes Produkt; manche sind Seiten, gebaut für einen konkreten, zeitlich begrenzten öffentlichen Zweck, und sie enden zusammen mit der Förderung, die sie ins Leben gerufen hat.
Was dieses Projekt tatsächlich gelehrt hat
Die stärkste Lektion hier: Die Konformität mit einem EU-Förderprogramm ist eine eigene, harte Spezifikation neben UX und Technik — das Formular musste gleichzeitig angenehm auszufüllen sein und exakt die Daten in exakt der Form erheben (inklusive der Option „keine Angabe"), die das Berichtswesen des Europäischen Sozialfonds verlangt. Das, was ich wiederholen würde: das Briefing des Auftraggebers ebenso sorgfältig zu lesen wie jede technische Spezifikation — denn bei einem öffentlichen Projekt entscheidet das Briefing, nicht der eigene Geschmack, über die meisten Produktentscheidungen.
