Portfolio de nos réalisations design | Make the Grade

Optimisation du site RockCorps 2025 : UX et design mobile-first

Rédigé par Soa Bayle | Apr 3, 2025 1:56:29 PM

Un parcours utilisateur optimisé pour l’accessibilité digitale

L’objectif principal de cette refonte a été d’optimiser la question de l’expérience utilisateur et de son interface à l’occasion de la nouvelle édition du concept de ibis RockCorps. Le processus d'inscription a été repensé, nous avons :

  • Optimisé leur formulaire "informations personnelles" sur la page profil, en rajoutant trois champs : “Comment j’ai connu ibis RockCorps ?”, “Les thématiques qui m’intérèssent”, “Ce que j’aimerais faire”, donc le type d’activité que l’on souhaite pratiquer avec l’association.
  • Intégré une aide à la saisie en ajoutant des suggestions automatiques. Cela permet d’orienter les utilisateurs, de réduire les erreurs de saisie et d'améliorer l’expérience globale d’inscription.
  • Adapté le site aux normes d’accessibilité avec l’ajout de pictogrammes “accessibilité friendly” et “famille friendly”. Par rapport au projet souhaité pour les PMR et les familles.

La navigation a été améliorée, avec un parcours plus logique et rapide, permettant aux utilisateurs de s’inscrire en quelques clics. Ces ajustements ont pour but d'augmenter le taux de conversion tout en facilitant l'interaction. L’expérience est désormais plus agréable, incitant à l’action et à la participation.

Découvrez en plus sur le projet ibis RockCorps au traver de notre synchronisation d'Eventbrite et HubSpot.

Une pensée mobile-first pour répondre aux usages

Le site a été optimisé pour répondre aux usages mobiles, qui représentent désormais la majorité des connexions d’après les datas d’HubSpot et Google Analytics. D’après ces résultats, lorsque nous avons conçu la partie blog et le module témoignage, nous avons eu une réflexion mobile first. La version mobile a donc été créée puis déclinée en version desktop.

Cela garantissait une expérience optimale sur mobile, répondant ainsi aux attentes des utilisateurs actuels.

Des contenus mieux structurés pour informer et fédérer

Les informations essentielles à avoir pour les projets comme le type de projet, son accessibilité et si c‘est un projet famille ou non sont dorénavant mieux organisées et mises en avant. La mise en page a été repensée pour attirer l’attention sur les actualités et événements clés. Nous avons effectué une réadaptation du footer pour mettre en avant la newsletter et un encart sur le groupe ibis qui renvoie au site web du groupe.

Une nouvelle section actualités a été intégrée, permettant de centraliser et de partager les informations de manière plus claire et engageante. Les utilisateurs peuvent désormais accéder rapidement aux contenus importants, qu'il s'agisse des dernières nouvelles, des événements à venir ou des informations sur l’engagement citoyen. Cette réorganisation permet de capter l'attention plus efficacement et d'encourager les interactions.

La page profil a été optimisée afin d’offrir un affichage personnalisé en trois étapes. Selon l’état d’avancement de l’utilisateur, le contenu est adapté :

  • Inscription
  • Réalisation du projet
  • Attente du showtime

Nous avons conçu et développé une pop-up "Partage à ses amis" : l'une apparaît lors de la création de compte, puis à l'inscription à un projet, où les derniers champs obligatoires sont demandés et enfin une qui suis le lien de partage.

Une identité visuelle renforcée grâce à des animations dynamiques

Le design du site a été aligné avec la campagne 2025 de ibis RockCorps pour renforcer son image et créer une expérience immersive. Les animations dynamiques ont été intégrées pour dynamiser la navigation, tandis que les doodles animés apportent une touche ludique et originale à certains modules. Ces éléments graphiques ont été soigneusement choisis pour refléter les valeurs d’entraide et de solidarité de ibis RockCorps, tout en rendant l’expérience de navigation plus engageante. Cette approche permet non seulement de renforcer la mémorisation de la marque, mais aussi d’offrir une expérience interactive et visuellement attractive.

Résultats obtenus

L’adaptation du site pour la nouvelle édition du concept a permis d’apporter des améliorations notables. Voici les résultats obtenus :

  • 10 nouveaux modules développés : ces modules ont été ajoutés pour enrichir l'expérience utilisateur et soutenir l'évolution du concept en 2025.
  • 3 niveaux de profil personnalisé : un système de profils adaptés en fonction du niveau d’inscription des utilisateurs (inscription, réalisation du projet, attente du showtime), offrant une expérience plus individualisée.
  • Design et développement d’une pop-up personnalisée : cette fonctionnalité permet aux utilisateurs de partager facilement leur expérience avec leurs amis, ajoutant ainsi une dimension sociale au site.

Ces ajouts ont permis de mieux répondre aux attentes des utilisateurs et d’optimiser l’interaction tout en soutenant l’objectif global de la nouvelle édition.