Yousign - Application de signature électronique
Premier développeur front-end de Yousign, j'ai conçu et développé l'architecture complète de leur application SaaS de signature électronique pendant 5 ans, de 6 à plus de 150 collaborateurs.
Interface de signature intuitive avec swipe - Parcours utilisateur simplifié pour signer en quelques secondes
Dashboard de gestion - Vue d'ensemble des documents en attente et signés avec analytics en temps réel
Design System avec Storybook - 50+ composants réutilisables suivant l'Atomic Design pour une cohérence totale
Workflow configurable permettant d'adapter le parcours selon les besoins clients
Les points clés
- ▸ Premier développeur front-end - Conçu et développé l'architecture front-end complète de zéro en React/TypeScript
- ▸ Créé un Design System avec Storybook comprenant 50+ composants réutilisables suivant l'Atomic Design
- ▸ Implémenté une stratégie de tests complète (Jest, Karma, Cypress) avec intégration CI/CD pour garantir zéro régression
Le contexte
Fondée en 2013, Yousign a pour mission de simplifier le processus de signature électronique au sein des entreprises. L’application SaaS permet aux entreprises de tous secteurs (Éducation, Assurance, Immobilier, Administration Publique) de faire signer des documents de manière électronique, éliminant les déplacements et l’envoi physique de documents.
Architecture technique
En tant que premier développeur front-end, j’ai eu la responsabilité complète de l’architecture front-end. Les APIs ont été développées avec Symfony (PHP), tandis que j’ai initialement travaillé avec AngularJS avant de diriger une migration stratégique vers React en 2018 pour améliorer les performances et l’expérience utilisateur.
Design centré utilisateur et analytics
Mis en place d’outils de collecte de feedback et d’analytics pour comprendre les comportements utilisateurs. Ces données ont permis d’optimiser continuellement le parcours de signature et de prioriser les développements selon les usages réels.
Collaboration étroite avec l’équipe Design pour transformer une application complexe en une interface intuitive. Cette approche data-driven a permis de simplifier significativement l’expérience utilisateur tout en maintenant toutes les fonctionnalités métier nécessaires.
Design System et scalabilité
Création d’un Design System complet avec Storybook comprenant 50+ composants réutilisables. Chaque composant a été conçu selon les principes de l’Atomic Design de Brad Frost pour être générique, agnostique et hautement configurable.
Ce système a permis de :
- Accélérer le développement de nouvelles fonctionnalités
- Garantir une cohérence visuelle et UX sur tous les produits
- Faciliter l’onboarding des nouveaux développeurs
- Réduire la dette technique et le code dupliqué
Qualité et fiabilité
Système de Feature Flags
Chaque secteur d’activité possède des spécificités réglementaires (ex: délai de rétractation de 15 jours pour l’immobilier en France). Développement d’un système de feature flags avancé permettant d’activer/désactiver des fonctionnalités par client sans impacter les autres utilisateurs.
Stratégie de tests et CI/CD
Mise en place d’une couverture de tests complète :
- Tests unitaires (Jest/Karma) pour la logique métier
- Tests d’intégration pour les workflows complexes
- Tests E2E (Cypress) pour les parcours critiques
- CI/CD automatisé garantissant zéro régression en production
Cette approche qualité a permis de maintenir une application stable malgré l’ajout constant de nouvelles fonctionnalités et la croissance rapide de l’équipe.