Neugestaltung des digitalen Auftritts von Eurofound
.webp)
Über dieses Projekt
Als Projekt 2 leitete Imaginary Cloud die vollständige Neugestaltung und Reorganisation der Eurofound-Website. Wir setzten dies durch unseren Produktdesignprozessum.
Ergebnis: Eine deutlich verbesserte Nutzererfahrung durch eine intuitivere Seitenstruktur und Navigation sowie eine aufgefrischte visuelle Identität, die der etablierten Marke der Organisation treu bleibt. (Link „Read phase 1.“ beibehalten.)
Unser Beitrag
Design
Entwicklung
Technologien
Storyblok
Next.js
React
Vercel
GitHub
GitHub Actions
Typescript
Algolia
Die Europäische Stiftung zur Verbesserung der Lebens- und Arbeitsbedingungen (Eurofound) mit Sitz in Dublin, Irland, ist eine Agentur der Europäischen Union. Sie liefert fundiertes Wissen, das die Entwicklung besserer Sozial-, Beschäftigungs- und arbeitsbezogener Strategien unterstützt.
Die Website von Eurofound dient als zentrale Plattform für den Austausch von Informationen, Beratung und Forschung zu Themen wie Arbeitsbedingungen, nachhaltige Arbeit, Arbeitsbeziehungen, Veränderungen auf dem Arbeitsmarkt, Lebensqualität und öffentliche Dienstleistungen. Die Inhalte sollen EU-Institutionen, Mitgliedstaaten und Sozialpartner bei der Gestaltung und Umsetzung wirksamer Sozial- und Beschäftigungspolitiken unterstützen und gleichzeitig den sozialen Dialog durch vergleichende Analysen und evidenzbasierte Erkenntnisse fördern.
.webp)
Der Produktdesigner war maßgeblich an der Gestaltung der Nutzererfahrung und der visuellen Ausrichtung der Website beteiligt. Durch Workshops mit den Stakeholdern wurden Erkenntnisse gewonnen, die in ein modernisiertes Erscheinungsbild einflossen. Dieses steht im Einklang mit der etablierten Markenidentität von Eurofound und verbessert gleichzeitig die Benutzerfreundlichkeit und Barrierefreiheit.
Der Projektmanager sorgte während des gesamten Engagements für die strategische Steuerung und stellte sicher, dass das Projekt im Zeitplan und innerhalb des vereinbarten Rahmens blieb. Er bewältigte effektiv die Komplexität einer vollständigen Überarbeitung der Website, einschließlich der Umstellung auf ein neues Content-Management-System (CMS), Storyblok.
Parallel dazu bewältigte das Entwicklungsteam bedeutende technische Herausforderungen, darunter die Aufbereitung und Migration einer großen Menge an Altdaten in das neue CMS. Sie waren für die Umsetzung des neuen Website-Designs, die Erstellung zentraler Funktionen sowie die Entwicklung von Integrationen zur Verbesserung von Funktionalität und Performance verantwortlich. Diese gemeinsame Anstrengung führte zu einer vollständig neu gestalteten, strukturierten und technisch modernisierten Website für Eurofound, die den Grundstein für eine effizientere und ansprechendere digitale Präsenz legt.
SIE HABEN EIN NEUES PROJEKT? LASSEN SIE UNS SPRECHENwährend des Projekts
Dieses Website-Migrationsprojekt folgte einem zweiphasigen Ansatz.
Die erste Phase umfasste ein umfassendes UX Audit , um Verbesserungspotenziale zu identifizieren und die Designrichtung festzulegen. Aufbauend auf den Erkenntnissen des Audits durchlief das Projekt einen strukturierten Product Design Process (PDP) , um eine nutzerzentrierte Neugestaltung zu gewährleisten.
Nach Abschluss der Designphase setzte das Entwicklungsteam auf ein Scrum-Framework , um jede Seite iterativ zu entwickeln und wichtige Integrationen umzusetzen, was Agilität, Transparenz und Effizienz während der gesamten Erstellungsphase sicherstellte.
zwei Phasen
Migration
Entwicklung
two stages
Migration
Development
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Anforderungen
Back-End-Integration
Website-Entwicklung
Erweiterte Filter- und Suchfunktionen
vier Phasen
Recherche
Ideenfindung
Umsetzung
Technische Bewertung
vier Phasen
Backlog
Bootstrap
Welle 0
Welle N
vier Phasen
Recherche
Ideenfindung
Umsetzung
Launch & Übergabe
zwei Prozesse
MVP
ADP
Vier Phasen
Umfang-Meeting
Code-Review
Test-Review
Qualitätsprüfung
Bewertung
Vier Phasen
Backlog
Bootstrap
Wave 0
Wave N
während des Projekts
Dieses Website-Migrationsprojekt folgte einem zweiphasigen Ansatz.
Die erste Phase umfasste ein umfassendes UX Audit , um Verbesserungspotenziale zu identifizieren und die Designrichtung festzulegen. Aufbauend auf den Erkenntnissen des Audits durchlief das Projekt einen strukturierten Product Design Process (PDP) , um eine nutzerzentrierte Neugestaltung zu gewährleisten.
Nach Abschluss der Designphase setzte das Entwicklungsteam auf ein Scrum-Framework , um jede Seite iterativ zu entwickeln und wichtige Integrationen umzusetzen, was Agilität, Transparenz und Effizienz während der gesamten Erstellungsphase sicherstellte.
Verwendete TECHNOLOGIEN
Dient als Headless-CMS und wurde aufgrund seiner Flexibilität bei der Verwaltung strukturierter Inhalte gewählt, wodurch Redakteure unabhängig vom Entwicklungsprozess arbeiten können.
Betreibt das Frontend mit React und bietet eine schnelle, SEO-freundliche und dynamische Benutzeroberfläche. Diese Framework-Kombination unterstützt Server-Side Rendering und Static Site Generation für eine optimale Performance.
Bereitstellungsplattform, die eine nahtlose Integration mit Next.js bietet und schnelle, skalierbare sowie global verteilte Deployments ermöglicht.
Ermöglicht eine robuste Versionskontrolle und automatisiert die CI/CD-Pipeline, um eine zuverlässige und effiziente Code-Bereitstellung zu gewährleisten.
Verbessert die Codequalität und Wartbarkeit durch die Einführung statischer Typisierung, wodurch Laufzeitfehler reduziert und die Produktivität der Entwickler gesteigert wird.
Integriert, um eine schnelle, relevante und anpassbare On-Site-Suchfunktion bereitzustellen, die das Auffinden von Inhalten erheblich verbessert.
Das Kernteam bestand aus einem Projekt Manager, einem Produkt Designerund drei Entwickler.
Projektmanager: Überwachte den gesamten Projektlebenszyklus und stellte sicher, dass der Zeitplan eingehalten wurde, der Projektumfang gewahrt blieb und die strategischen Ziele erreicht wurden. Er koordinierte Zeitpläne, steuerte die Kommunikation zwischen den Stakeholdern und begleitete die reibungslose Einführung des neuen CMS (Storyblok).
Produktdesigner: Leitete die User Experience und das visuelle Design. Er führte Stakeholder-Workshops durch, nahm ein UX-Audit vor und steuerte den Product Design Process (PDP), um eine moderne, intuitive Benutzeroberfläche zu schaffen, die die Marke Eurofound widerspiegelt.
Entwickler:
Dieses Projekt lieferte ein tiefgreifendes Verständnis der Kunden-Persona und ihrer Interaktion mit dem Service.
Verbesserte Nutzererfahrung durch intuitive Navigation und ein aufgefrischtes, markenkonformes visuelles Erscheinungsbild.
Stärkere technische Basis durch die Migration zu Storyblok und den Einsatz von Next.js für mehr Performance.
Effizienteres, benutzerfreundliches CMS zur optimalen Unterstützung der vielfältigen Stakeholder von Eurofound.
