Refonte de l'expérience numérique d'Eurofound
.webp)
À propos de ce projet
Dans le cadre du projet 2, Imaginary Cloud a piloté la refonte complète et la réorganisation du site web d'Eurofound. Nous avons mené cette mission grâce à notre processus de conception de produit.
Résultat : Une expérience utilisateur nettement améliorée, grâce à une structure et une navigation plus intuitives, ainsi qu'une identité visuelle rafraîchie qui reste fidèle à la marque établie de l'organisation. (mantém o link "Read phase 1.")
notre IMPLICATION
Design
Développement
technologies
Storyblok
Next.js
React
Vercel
GitHub
GitHub Actions
Typescript
Algolia
Basée à Dublin, en Irlande, la Fondation européenne pour l'amélioration des conditions de vie et de travail (Eurofound) est une agence de l'Union européenne dont la mission est de fournir des connaissances qui soutiennent l'élaboration de meilleures politiques sociales, de l'emploi et liées au travail.
Le site web d'Eurofound est une plateforme essentielle pour la diffusion d'informations, de conseils et de recherches sur des sujets tels que les conditions de travail, le travail durable, les relations industrielles, les évolutions du marché du travail, la qualité de vie et les services publics. Son contenu vise à soutenir les institutions de l'UE, les États membres et les partenaires sociaux dans l'élaboration et la mise en œuvre de politiques sociales et d'emploi efficaces, tout en favorisant le dialogue social grâce à des analyses comparatives et des éclairages fondés sur des données probantes.
.webp)
Le Product Designer a joué un rôle clé dans la définition de l'expérience utilisateur et de l'orientation visuelle du site web. Grâce à des ateliers avec les parties prenantes, il a recueilli des informations pour orienter une esthétique modernisée qui s'alignait sur l'identité de marque établie d'Eurofound, tout en améliorant l'utilisabilité et l'accessibilité.
Le chef de projet a assuré une supervision stratégique tout au long de la collaboration, garantissant que le projet respectait les délais et le périmètre défini. Il a géré efficacement les complexités d'une refonte complète du site web, y compris la transition vers un nouveau système de gestion de contenu (CMS), Storyblok.
Parallèlement, l'équipe de développement a relevé d'importants défis techniques, notamment la préparation et la migration d'un volume considérable de contenu existant vers le nouveau CMS. Elle était chargée de mettre en œuvre la nouvelle conception du site web, de créer des fonctionnalités clés et de développer des intégrations pour améliorer les fonctionnalités et les performances. Cet effort collaboratif a abouti à un site web pour Eurofound entièrement repensé, réorganisé et techniquement modernisé, jetant les bases d'une présence numérique plus efficace et plus attrayante.
UN NOUVEAU PROJET EN TÊTE ? DISCUTONS-ENpendant le projet
Ce projet de migration de site web a suivi une approche en deux phases.
La phase initiale a consisté en un audit complet UX Audit afin d'identifier les points à améliorer et d'orienter la direction du design. S'appuyant sur les conclusions de l'audit, le projet a progressé via un processus structuré Processus de conception de produit (PCP) afin d'assurer une refonte centrée sur l'utilisateur.
Une fois la phase de conception terminée, l'équipe de développement a adopté un cadre Scrum pour développer chaque page de manière itérative et implémenter les intégrations clés, garantissant agilité, transparence et efficacité tout au long du développement.
deux étapes
Migration
Développement
two stages
Migration
Development
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Besoins
Intégration back-end
Développement de site web
Filtrage et recherche avancés
quatre étapes
Recherche
Idéation
Exécution
Évaluation technique
quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
quatre étapes
Recherche
Idéation
Exécution
Lancement et transfert
deux processus
MVP
ADP
Quatre étapes
Réunion de cadrage
Revue de code
Revue de test
Revue de qualité
Évaluation
Quatre étapes
Backlog
Bootstrap
Vague 0
Vague N
durant le projet
Ce projet de migration de site web a suivi une approche en deux phases.
La phase initiale a consisté en un audit complet UX Audit afin d'identifier les points à améliorer et d'orienter la direction du design. S'appuyant sur les conclusions de l'audit, le projet a progressé via un processus structuré Processus de conception de produit (PCP) afin d'assurer une refonte centrée sur l'utilisateur.
Une fois la phase de conception terminée, l'équipe de développement a adopté un cadre Scrum pour développer chaque page de manière itérative et implémenter les intégrations clés, garantissant agilité, transparence et efficacité tout au long du développement.
TECHNOLOGIES utilisées
Sert de CMS headless, choisi pour sa flexibilité dans la gestion de contenu structuré et qui permet aux rédacteurs de contenu de travailler indépendamment du processus de développement.
Propulse le frontend avec Reach, offrant une interface utilisateur rapide, optimisée pour le référencement (SEO) et dynamique. Cette combinaison de frameworks prend en charge le rendu côté serveur et la génération de sites statiques pour des performances optimales.
Plateforme de déploiement offrant une intégration transparente avec Next.js et permettant des déploiements rapides, évolutifs et distribués à l'échelle mondiale
Faciliter un contrôle de version robuste et automatiser le pipeline CI/CD, assurant une livraison de code fiable et efficace.
Améliore la qualité et la maintenabilité du code en introduisant le typage statique, réduisant les erreurs d'exécution et améliorant la productivité des développeurs.
Intégré pour offrir une fonctionnalité de recherche interne rapide, pertinente et personnalisable, améliorant considérablement l'expérience de découverte de contenu.
L'équipe principale était composée d'un Chef de projet, un Designer produit, et trois Développeurs.
Chef de projet : A supervisé l'ensemble du cycle de vie du projet, s'assurant qu'il restait sur la bonne voie, dans les limites du périmètre et en accord avec les objectifs stratégiques. Il/Elle a géré les délais, coordonné la communication entre les parties prenantes et facilité l'adoption fluide du nouveau CMS (Storyblok).
Designer produit : A dirigé les efforts en matière d'expérience utilisateur et de conception visuelle. Il/Elle a mené des ateliers avec les parties prenantes, réalisé un audit UX et piloté le processus de conception produit (PDP) pour créer une interface moderne et intuitive respectant la marque d'Eurofound.
Développeurs :
Ce projet a permis une compréhension approfondie du profil client et de son interaction avec le service.
Expérience utilisateur améliorée grâce à une navigation intuitive et une identité visuelle rafraîchie, alignée avec la marque.
Stronger technical foundation through migration to Storyblok and use of Next.js for performance.
CMS plus efficace et convivial pour mieux soutenir les diverses parties prenantes d'Eurofound.
