La fédération Agirc-Arrco est au cœur des enjeux de la protection sociale des entreprises et des salariés du secteur privé. L’Espace Sécurisé Agirc-Arrco, accessible depuis Agirc-arrco.fr et les groupes de protection sociale fédérés, est la pierre angulaire entre les différents sites d’information, les services aux actifs, aux futurs retraités et aux allocataires du régime de retraite. L’objectif du Hackathon, qui s’est déroulé pendant 2 semaines a été de proposer une interface UI totalement rénovée, responsive, user-centric, mais également des nouveaux services ciblés.

• Focus Group avec au total 30 utilisateurs, répartis par typologies en groupes de 10,
• Etude approfondie des analytics disponibles
• Brainstorming à distance avec des utilisateurs, sur Teams et Klaxoon
• Conception UI responsive en adhérence avec la charte du site institutionnel et la marque Agirc-Arrco
• 5 tests utilisateurs à distance (Teams) et au LAB Agirc-Arrco (Paris)

• Insights qualitatifs basés sur les témoignages des utilisateurs participants
• Proposition d’une nouvelle charte UI en cohérence avec le site institutionnel Agirc-Arrco.
• Nouvelle fonction Mes Documents, permettant de récupérer très rapidement les derniers disponibles.
• Des fonctions Aide et Contact pro-actives, placées dans les différentes fonctionnalités

Afin de rééquilibrer la part du e-commerce dans le CA de la marque Diagral (Smart Home: alarmes connectées, caméras connectées, automatismes…), vendue également en Grande Surface de Bricolage, Hager a souhaité réaligner le site de la marque aux standards e-commerce du marché.

• Fonctionnement en Scrum : construction d’une team PO/UX/QA/Développeurs dédiée au site et instanciation des rituels agiles
• Construction de la vision produit, de la product roadmap, du product backlog et du MVP
• Mise en place du sitemap et de la User Story map
• Mise en place de tests utilisateurs sur les wireframes avec intégration des feedbacks durant les sprints
• Définition d’un plan de tracking (Google Analytics) et d’un tagging plan dans une logique SEO friendly
• Mise en place de points de synchronisation avec les experts techniques (PIM, Paiement, SSO…) et d’un reporting de communication global
• Mise en place de process Service Client & Logistique : gestion des commandes et des livraisons, gestion des promotions, gestion du catalogue, gestion des demandes Service Client

Lancement du site www.diagral.fr en 5 mois :

• Intégration 360 avec l’architecture Groupe (SSO, Paiement, Logistique, PIM…)
• Un site SEO friendly, ergonomique et orienté sur les problématiques liées à l’achat d’un système d’alarme : accompagnement dans la complexité du choix, achat non impulsif, création de packs sur mesure dédiés au web et personnalisables par le client, vidéos de réassurance sur l’installation…
• Une meilleure visibilité des produits par catégorie, sur la catalogue, un système de tri, filtre et recherche permettant à l’utilisateur d’orienter les produits en fonction de ses besoins.
• Une gestion des promotions variées et adaptées aux opportunités commerciales
• Une Suivi analytics post lancement (dashboard de suivi régulier) et des ajustements réalisés dans une logique d’amélioration continue
• Des objectifs de vente multipliés par 2 : mise en place de campagnes marketing, promotionnelles grâce à un back office personnalisé et administré…

Ce programme piloté par Agirc-Arrco s’inscrit dans la modernisation du SI Agirc-Arrco et répond à des objectifs d’amélioration du traitement des paiements et de la relation client. Il s’intègre dans un éco-système de produits couvrant également la consolidation des carrières des actifs et la liquidation des futurs retraités.

• Définition de l’ambition et de la stratégie UX avec les équipes internes
• Ateliers de cadrage UX avec les gestionnaires utilisateurs
• User interviews
• Arborescence
• Brainstorming et mind-mapping nouvelles fonctionnalités comptables
• Production UI
• Co-construction du Design System Material Angular Agirc-Arrco sur Sketch
• Accompagnement aux développements front responsive

• Intégration progressive des fonctionnalités sur l’environnement Bureau Retraite Complémentaire
• Parcours produits en itération continue avec +30 gestionnaires des groupes grâce aux ateliers réguliers de test collectif
• +160 maquettes UI réalisées sur Sketch en HD et testées via Maze
• Nouvelles fonctions simplifiant la gestion et le traitement comptable
• 1 communauté métier active avec des échanges réguliers entre le métier et la technique
• Coordination des développements, de la recette et du design sur Jira

La Direction du Numérique de France Télévisions souhaite mutualiser le CMS headless pour les rédacteurs des quatre offres d’informations : France Info, La 1ère, Régions & France Info Sport) à travers la création d’un nouveau produit SaaS répondant aux besoins mutualisés de tous les rédacteurs et permettant ainsi l’harmonisation des Rédactions.

• Construction de l’outil dans une approche produit
• Définition de la proposition de valeur et du périmètre produit en accord avec les besoins des Rédactions : back-office & API
• Construction du Story mapping pour identifier les différentes fonctionnalités attendues par le métier et les prioriser
• Mise en place d’un PI Planning mensuel pour mutualiser les roadmaps des fronts & la roadmap CMS : intégration des besoins et évolutions fronts
• Mise en place d’un backlog accessible à toutes les parties prenantes
• Rédaction des User Stories et réalisation des tests

• Un outil interne construit dans une approche produit : intégration dans les différentes instances produit pour assurer la visibilité, branding du produit (nom, logo, supports de présentation…)
• Un CMS ouvert à toutes les rédactions au bout d’un an : 3000 utilisateurs intégrés dans le back-office
• Intégration d’une réflexion UX dans l’outil pour améliorer l’expérience client et le design
• Des process de mise en production régulière cadrés entre l’équipe Back et les équipes Front pour synchroniser les lancements
• Des instances d’échanges pour récolter les feedbacks utilisateur après le lancement et les prioriser
• Mise en place d’un programme de formations pour tous les contributeurs

La fédération Agirc-Arrco est au cœur des enjeux de la protection sociale des entreprises et des salariés du secteur privé. Le site internet agirc-arrco.fr est la pierre angulaire de l’eco-système de la fédération. Il a pour mission de couvrir tous les besoins d’information du public, des actifs souhaitant se préparer et consolider leur carrière, aux allocataires venant chercher de l’information sur leur retraite ou tout simplement des conseils sur cette nouvelle étape de vie. La refonte engagée a eu pour but de transformer en profondeur l’UX et l’UI du produit afin de l’amener au niveau des standards du web 3.0, moderniser la marque Agirc-Arrco et passer vers une UI responsive.

• Accompagnement sur la construction de la Vision Produit et l’Offre de valeur
• Sondage utilisateur quantitatif (+10 000 sondés)
• Construction des 6 proto-personae actifs, futurs retraités et allocataires
• Idéation problématiques UX et User stories
• Storyboarding de projection vers les nouveaux scénarios d’usage
• Tests utilisateurs au LAB Agirc-Arrco (Paris) sur l’environnement de pré-production
• UI Design responsive des nouveaux services
• Création du Design System

• Nouveaux univers Particuliers, Entreprise et Presse Institutionnelle permettant une arborescence mieux organisée,
• Construction et contrôle permanant de l’adhérence du Design System, sur la base de la charte graphique UI proposée par l’agence NETCOM.
• Création d’un agenda des événements et d’un BO de gestion permettant l’autonomie des comités organisateurs
• Mise en ligne de nouveaux contenus éditoriaux sur de nouveaux gabarits d’articles responsive
• Tests utilisateurs confirmant la bonne lisibilité et le succès des choix UI
• Mise en place d’outils d’A/B Testing et intégration de rating des visiteurs avec Kameleoon