Fédération romande des consommateurs
Refonte de l'éco-système web de la Fédération Romande des Consommateurs (FRC)
Réaliser une refonte pour un acteur romand important dont nous partageons les valeurs est un réel plaisir. Notre challenge : participer à la refonte numérique entière de l'institution. La Fédération Romande des Consommateurs et consommatrices (FRC) a souhaité moderniser son écosystème web pour mieux servir ses membres et améliorer l'accessibilité de ses richesses, le contenu.
frc.chDesign
- Accessibilité web
- Architecture de l'information
- Design d'interactions
- Design system & styleguide
- Design visuel
- Direction artistique
- Prototypage
- Recherche utilisateur
Développement Web
- Accessibilité web (dev)
- API : design & implémentation
- Architecture technique
- Audit de code et de performance
- CMS Drupal & Wordpress + Symfony
- Développement javascript
- Ingénierie de prompt
- Plateformes e-commerce
Direction de projet
- Communication générale
- KPIs et suivi des performances
- Mesures et reporting
- Priorisation et planification
Design
- Accessibilité web
- Architecture de l'information
- Design d'interactions
- Design system & styleguide
- Design visuel
- Direction artistique
- Prototypage
- Recherche utilisateur
Développement Web
- Accessibilité web (dev)
- API : design & implémentation
- Architecture technique
- Audit de code et de performance
- CMS Drupal & Wordpress + Symfony
- Développement javascript
- Ingénierie de prompt
- Plateformes e-commerce
Direction de projet
- Communication générale
- KPIs et suivi des performances
- Mesures et reporting
- Priorisation et planification
Accompagnement et conseils
Nous avons travaillé en étroite collaboration avec la FRC pour réaliser un User Story Map (USM) qui délimite l'ensemble de l'écosystème web. Cela inclut une stratégie technologique réfléchie, ainsi que des discussions approfondies avec les partenaires afin d'assurer une intégration harmonieuse des différentes composantes.
Pré-étude et recherche utilisateur·trice UX
Nous avons identifié les publics cibles internes et externes à travers une pré-étude exhaustive. Cela a inclus des interviews avec les collaborateurs·trices et une analyse de l'existant. Nous avons également défini des indicateurs clés de réussite à mesurer et à suivre via l'outil de statistiques Matomo, garantissant ainsi un suivi rigoureux des performances.
Design éditorial et institutionnel
Le design engagé que nous avons proposé vise à rendre la partie éditoriale accessible et attrayante. Les articles sont conçus pour susciter l'intérêt, avec des enquêtes et des tests permettant de comparer les produits. Le flux d'adhésion entièrement repensé simplifie la compréhension des offres.
Un travail de collaboration avec les partenaires
Nous avons soigneusement documenté les interactions entre les différents systèmes, incluant la documentation des API. Nous avons collaboré étroitement avec DJTAL pour l'intégration du CRM Zoho, ainsi qu'avec Payrexx pour la plateforme de paiement. Infomaniak a également été un partenaire clé pour la solution d'hébergement, garantissant ainsi une synergie efficace entre toutes les composantes du projet.
Solution entièrement sur-mesure
La solution développée est entièrement sur mesure, avec par exemple des composants "bloc promo" permettant d'engager les utilisateurs·rices. Nous avons également intégré un système de paywall et optimisé le SEO pour que les moteurs de recherche puissent accéder au contenu payant.
Drupal CMS a été utilisé pour une organisation facilitée des contenu, tandis que notre moteur de recherche (ElastiSearch + Tika) guide les visiteurs efficacement. Une solution e-commerce sur mesure a été mise en place pour la gestion des adhésions, des comptes et des dons, avec un calculateur de prix dynamique pour la protection juridique.
Nous avons abordé la refonte avec une approche performance-by design. Côté interface, nous avons ciblé les Core Web Vitals en réduisant le JavaScript, en priorisant les ressources critiques et en differ le reste (lazy‑loading). Les images sont servies dans des formats modernes et aux bonnes dimensions pour chaque appareil, ce qui améliore l’affichage sans sacrifier la qualité.
Concrètement, les pages se chargent plus vite, restent stables à l’écran et réagissent mieux aux interactions.
L’infrastructure, Varnish agit comme un accélérateur en mettant en cache les pages et en servant instantanément les contenus récurrents.
Nous avons optimisé les règles de cache en tenant compte de la langue et de la connexion utilisateur, tout en assurant des invalidations ciblées pour équilibrer vitesse et fraîcheur des contenus. Grâce à une chaîne HTTP améliorée (Brotli, HTTP/2, en-têtes cache cohérents), le temps d’attente est réduit et le site supporte efficacement les pics de trafic, simplifiant ainsi la gestion pour les équipes éditoriales.
Intégrations CRM, ERP, système de comptabilité
Le traitement et la gestion des données personnelles ont été au cœur de notre réflexion. Nous avons centralisé les données dans le CRM, avec une API de communication pour la création de comptes et la gestion des permissions. L'interconnexion avec la plateforme de tests et la gestion de la newsletter "La Lettre" ont été également intégrées, tout comme les dons et paiements via Payrexx.
Une collaboration fructueuse et un projet d'envergure
Pour une organisation engagée, nous avons donné notre meilleur. Ce projet s'inscrit dans la durée et nous nous réjouissons des suites et améliorations à venir. Nous remercions la FRC pour sa confiance.
Ce projet correspond parfaitement à nos compétences clés : site CMS complet, interconnexion avec des API et systèmes, site à fort trafic, haute optimisation des performances et site de conversion. Ce fut un réel plaisir de mener à bien cette mission.
project.teaser.a11y.servicesCréation de site internet
project.teaser.a11y.servicesStyleguide