Refonte du site Retraites Populaires

Brief

Certains diront que Retraites Populaires est actif dans l’immobilier, d’autres penseront que l’entreprise est uniquement active dans le domaine du deuxième pilier. En réalité, vous trouverez chez Retraites Populaires une large gamme de services : appartements, crédit hypothécaire, assurance vie, deuxième pilier, etc. L’entreprise vaudoise gère également diverses caisses de pension, dont Profelia, CPEV et la CIP.

Un tel site se doit de donner l’information la plus claire possible, à l’endroit où elle est nécessaire. Elle se doit également d’être pratique et de proposer des simulateurs, ainsi que des calculateurs, afin d’aider les clients potentiels à planifier leur avenir.

Notre mandat s’est déroulé en 2 étapes. La première comprend une refonte graphique avec une analyse des CMS (comparer l’actuel avec d’autres alternatives). Étant donné que le CMS Drupal 8 a été sélectionné durant la première étape, nous avons également réalisé, grâce à notre expertise dans cette stack, la refonte technique du site www.retraitespopulaires.ch.

Le partenariat entre Retraites Populaires et Antistatique ne s’arrête pas là. Vous aurez le plaisir de pouvoir, dans les mois à venir, lire la suite de nos aventures dans les divers projets liés à cette entreprise.

Solutions proposées

Navigation transversale - les gens avant tout

Retraites Populaires est une entreprise proposant un large panel de services. Tous les visiteurs ne connaissent pas l’entier de la gamme de services de Retraites Populaires. L’ancien site n’offrait pas la possibilité de facilement le comprendre et de s’y retrouver.

Pour parer à ce problème, nous avons proposé une navigation transversale par profil d’utilisateur. En effet, tout en gardant le menu traditionnel avec les différents métiers de Retraites Populaires, il est devenu possible de naviguer selon ses propres besoins (particulierprofessionnelcollectivité). Par exemple, un visiteur qui souhaite épargner pour ses enfants se verra proposer, via le profil “particulier”, les produits correspondant à son besoin.

La majorité des produits de Retraites Populaires sont complexes. Le site doit engager les clients potentiels, non pas en proposant directement des produits, mais en accompagnant les clients vers le bon produit en fonction du besoin et en l’encourageant à prendre contact pour des conseils précis.

Menu - un pari audacieux

La navigation via le menu classique était également à revoir. Notre souhait était de pouvoir représenter la totalité des possibilités qu’offrent Retraites Populaires de manière simple et novatrice. Pour ce faire, nous avons opté pour un menu entièrement accessible via un seul clic.

Nous avons donc séparé le menu en deux parties principales. À droite se trouvent les informations pratiques relatives à l’entreprise, à gauche, les produits et les profils visiteurs. Cette partie précise peut être utilisée de trois manières :

  • par les liens produits;
  • par les flèches qui permettent d’accéder aux sous-pages;
  • ou par les profils.

Trois manières intuitives qui mènent toutes au même endroit, le produit convenant au client potentiel.   

Le styleguide dynamique - réduire la dette technique

L’optimisation technique et l’application des dernières méthodes front-end en matière de qualité de code ont joué un grand rôle dans la réalisation technique du site. Il est avant tout bâti pour le futur, pour durer.

Le styleguide dynamique suit exactement cette logique et permet de garantir l’identité visuelle de Retraites Populaires sur Internet. Il est le cousin de la charte graphique, sauf qu’il est codé. Tous les composants visuels du site (un bouton, une photo, un tableau, etc.) y sont répertoriés et accompagnés d'un exemple.

Un point important est que ces styleguides dynamiques peuvent être mis à jour et améliorés en tout temps. Ce ne sont pas des documents figés. En changeant une variable, par exemple une couleur, tout le styleguide et tous ses composants seront mis à jour automatiquement. Ceci génère un gain de temps important et évite les erreurs ou les oublis.

Le styleguide s’appliquera aux autres sites Internet et extranets tout comme pour le site principal sous la responsabilité de Retraites Populaires. Il est le garant de la marque sur le web.

Challenges & difficultés

Calculateurs et simulateurs

Plusieurs calculateurs sont directement intégrés dans le site Retraites Populaires. On y retrouve le Calculateur d'hypothèque et Simulateur pour une police de libre passage. Ces deux outils permettent à l’utilisateur de tester les solutions de Retraites Populaires, puis de directement prendre contact avec un conseiller.

Le gros challenge fut de transformer les anciens calculateurs pour les rendre compatibles avec Drupal. Afin d’en améliorer la qualité et la portabilité future, nous avons également opté pour une solution robuste et intégré le framework de tests PHPUnit, ceci afin de s’assurer de la qualité et de la justesse de nos simulateurs. Ainsi jamais plus un calculateur Retraites Populaire ne donnera un résultat erroné.

Grâce à ces outils dynamiques et automatiques, Retraites Populaires et ses futurs clients gagnent un temps non négligeable et comprennent bien mieux les prestations offertes par Retraites Populaires.

Nouvelles technologies pour Retraites Populaires

En ayant pris la décision de garder l’hébergement en interne, Retraites Populaires a mis en place toute une structure Web très inhabituelle de ses technologies connues. En sortant de sa zone de confort technologique, Retraites Populaires a fait le pari du renouveau et du future-proof.

En plus de cela, les équipes IT de Retraites Populaires se sont formées sur les technologies Web et sont maintenant aptes à travailler à l’aide de Styleguide et développer des applications Web en PHP pour Drupal ou encore Symfony.

Technologie utilisée

Drupal 8

Retraites Populaires était, jusqu’en 2016, sous une solution propriétaire dont elle ne pouvait sortir facilement. Après une longue analyse, nous avons décidé d'abandonner cette solution en proposant le CMS le plus robuste et performant du marché Open Source mais également leader dans sa catégorie - Drupal 8.

Fraîchement propulsé dans sa dernière version 8, mais déjà parfaitement maîtrisé et éprouvé par notre équipe de développeurs, Drupal 8 s'inscrit comme la solution la plus flexible et logique, quant aux besoins de Retraites Populaires.

Complètement refondu, modulaire, évolutif, sécurisé, performant, robuste, autant d’adjectifs qui caractérisent cet outil d’une très grande qualité. À la pointe des dernières nouveautés, travailler avec ce genre de technologies apporte un sérieux avantage quant à la pérennité et l’efficacité des projets.

Solr - une recherche intelligente et efficace

Le nouveau site internet des Retraites Populaires utilise le très célèbre moteur d’indexation open source Apache Solr. Au vu de la volumétrie conséquente du site et des futurs extranets, le moteur de recherche par défaut de Drupal a du mal à tenir la charge. C’est donc très naturellement que nous nous sommes tournés vers cette solution, qui est d’ailleurs déjà adoptée par Twitter et Wikipedia.

Apache Solr est capable d'indexer une très grande quantité de données. De plus, ses performances se dégradent très peu avec le trafic. Ainsi, il nous permet maintenant d’indexer directement le contenu des documents, quelles que soient leurs natures: PDFs, Excel ou encore Word.

Grâce à ce nouvel outil, fini les pertes de temps et les formulaires introuvables ! Ce nouveau moteur de recherche, plus pertinent, capable de rechercher dans les documents et plus rapide que jamais, permet à Retraites Populaires de proposer un moteur pratique et efficace à ces utilisateurs.

Jenkins - de l'intégration continue au déploiement continu

Notre philosophie de perfectionnement et d’amélioration continue s’inscrit parfaitement de ce processus.

  • Automatisation des tests — grâce aux tests unitaires et fonctionnels que nous écrivons, nous couvrons tous les composants ou processus critiques à l’application. Pour couvrir la majeure partie de notre code, nous utilisons des outils tels que PHPUnit, Behat et BrowserTest.

  • Intégration continue — une fois nos tests prêts, nous mettons en place un serveur d’intégration continue, dans ce cas Jenkins - requis par Retraites Populaires. Nous configurons ensuite ce serveur pour exécuter automatiquement nos tests de couverture avant chaque déploiement.

  • Déploiement automatique — enfin, nous mettons en place une stratégie de déploiement automatisée. Ainsi, lorsqu’une nouvelle version est prête, la chaîne d’intégration s’occupe automatiquement de la mise en production. Nos procédures sont automatisées, afin de gagner du temps et d’éviter les erreurs humaines.

Grâce à ce contrôle automatique, de bout en bout, nous sommes capables de délivrer un produit meilleur au fil des versions et sans se soucier des problèmes de régressions.

Conclusion

La réactivité et l’engagement de Retraites Populaires furent tout bonnement remarquables. La collaboration fut facilitée par la mise en place d’une équipe dédiée au projet chez Retraites Populaires. Ainsi, nous avons pu travailler de concert, afin de rapidement mettre en place des procédures efficaces et valider les différentes parties du projet tout au long de celui-ci.

À l’aide de ce projet, nous avons pu, chez Antistatique, grandement améliorer nos processus de Quality Control et d’automatisation des tests. En effet, l’importante implication de Retraites Populaires, ainsi que l’audit technique effectuée durant le projet nous ont permis de valider notre technique de Drupal 8, mais également d’améliorer nos workflows, afin de réaliser des projets de grande envergure tout en gardant une qualité et une maintenabilité irréprochable.