EUDI Wallet Website

Wir wurden vom Kommunikationsteam von SPRIN–D beauftragt, die technische Realisierung der offiziellen Informationsseite zu übernehmen. Während Konzept und Design von der Markenagentur Meiré und Meiré stammen, lag unsere Verantwortung klar auf der technischen Exzellenz der Implementierung.

Die zentralen Ziele unseres Auftrags waren:

• Technische Unabhängigkeit und Performance: Entwicklung einer hochperformanten, skalierbaren Lösung, die unabhängig von monolithischen CMS-Architekturen agiert.

• Barrierefreiheit als Kernprinzip: Die Umsetzung der Website nach dem höchsten Standard der Barrierefreiheit (WCAG 2.1 AAA), um sicherzustellen, dass die Informationen für alle Nutzergruppen – unabhängig von technischen Hilfsmitteln oder körperlichen Einschränkungen – uneingeschränkt zugänglich sind.

• Moderne User Experience: Schaffung einer nahtlosen Schnittstelle zwischen statischen Inhalten und hochinteraktiven Anwendungen, ohne dabei die Ladezeiten oder die SEO-Freundlichkeit zu beeinträchtigen.

Für die technische Umsetzung wählten wir eine moderne, modulare Architektur, die Flexibilität mit Performance verbindet. Das Herzstück bildet Astro, ein statischer Site Generator, der für seine Fähigkeit bekannt ist, Inhalte serverseitig zu rendern (SSR) und dabei nur das notwendige JavaScript an den Client auszuliefern (“Islands Architecture”). Dies gewährleistet extrem schnelle Ladezeiten und eine hervorragende SEO-Basis, was für eine behördliche Informationsseite essenziell ist.

Das Content-Management erfolgt über ein Headless CMS. Diese Trennung von Inhalt und Darstellung ermöglicht es dem Auftraggeber, Inhalte flexibel und unabhängig vom Frontend zu pflegen und zu veröffentlichen, während wir als Entwickler maximale Freiheit bei der Gestaltung der Benutzeroberfläche haben.

Das Styling der gesamten Plattform basiert auf Tailwind CSS. Dieser Utility-First-Ansatz erlaubt eine konsistente, schnelle und wartbare Gestaltung, die sich perfekt an das vorgegebene Design-System anpasst.

Besonders hervorzuheben ist der Umgang mit interaktiven Elementen. Wo komplexe Benutzerinteraktionen erforderlich sind (z. B. Formulare, dynamische Konfiguratoren oder interaktive Erklärungen), integrieren wir React-Komponenten. Um dabei unsere strengen Standards für Barrierefreiheit zu gewährleisten, setzen wir gezielt auf React Aria. Diese Bibliothek liefert vorgefertigte, zugängliche Hooks und Komponenten, die sicherstellen, dass auch komplexe Widgets vollständig mit Screenreadern bedienbar sind und die Tastaturnavigation korrekt funktioniert.