Zum Inhalt springen
projects/mission-donneur
# Mission Donneur (2026)
Eine komplette Website und ein Eignungsspiel zur Blutspende, entwickelt mit den Genfer Universitätsspitälern
Mission Donneur ist ein Projekt an der HEIG-VD in Zusammenarbeit mit den Genfer Universitätsspitälern (HUG) und ihrem Bluttransfusionszentrum. Bei Blutspendeaktionen in Unternehmen melden sich viele Personen an und werden dann am Tag selbst abgewiesen, weil sie doch nicht spenden dürfen, und diese Ausfallquote bremst die Aktionen aus. Unsere Aufgabe war es, diese Blutspendeaktionen zu beleben und die Quote zu senken.
Wir haben auf Gamification gesetzt. Statt eines klassischen, sich wiederholenden medizinischen Fragebogens begleitet die Nutzerin oder der Nutzer Pochy, ein Maskottchen in Form eines Blutbeutels, über eine Pixel-Art-Karte. Jede Etappe des Weges ist eine Eignungsfrage (Gesundheit, Medikamente, Reisen, Tattoos…), und am Ende des Parcours gibt es das Verdikt: spendetauglich oder für eine bestimmte Dauer nicht zugelassen. In dem Fall kann man seine E-Mail-Adresse hinterlassen, und die Seite meldet sich automatisch an dem Tag, an dem man wieder spenden darf.
Die Seite enthält zudem ein vollständiges Admin-Panel für das HUG-Personal: Organisation der Blutspendeaktionen, Verwaltung der Partnerunternehmen, Zertifizierung ausgezeichneter Unternehmen, Kontaktformulare, Gewinnerziehung und KPI-Dashboards, gespeist durch anonymes Tracking (Aufrufe, Quiz-Schritte, Klicks zur Terminbuchung). Jedes Unternehmen erhält co-gebrandete Seiten mit eigenem Logo, erzeugt aus einem einfachen Link.
Zum Stack: Laravel, Inertia und Vue 3, Tailwind und MariaDB. Die Wahl ist stimmig: Laravel liefert das gesamte serverseitige Fundament, das eine solche Website braucht (Authentifizierung, E-Mail-Warteschlange, geplante Tasks für die Eignungs-Erinnerungen), und Inertia erlaubt es, die Oberfläche in Vue 3 zu schreiben, ohne eine separate API zu bauen: Routen und Logik bleiben in Laravel, die Seiten sind Vue-Komponenten. So verbindet man die Reaktivität einer modernen Anwendung, die für das Spiel unverzichtbar ist, mit der Einfachheit eines einzigen Projekts. Tailwind hält die Oberfläche zwischen Spiel, öffentlichen Seiten und Admin-Panel einheitlich, und MariaDB passt ganz natürlich zu stark relationalen Daten (Blutspendeaktionen, Unternehmen, Anmeldungen).