Stéphane Francel
Consultant & Formateur – 15+ exp.
Expert Angular – JavaScript

Zenika
Stéphane Francel

Je m'investis à fond dans les projets, cherchant à réellement comprendre les objectifs, être force de proposition et dépasser les attentes clients.

Mes priorités ? Élégance du code, architectures bien conçues et solutions pérennes.

Ma devise ? « Ce n'est pas parce que le code marche, que le projet avance… ».

Le travail en équipe et le partage des connaissances m'apportent une véritable satisfaction. Je sais également travailler en autonomie sans faire de concessions sur la qualité.

workspace_premium Compétences

Angular
Maîtrise
AngularMaterial DesignSignalsRxJSi18nSSRNgRx
Technologies Web
Maîtrise
JavaScriptTypeScriptHTML5CSS3SassBEM
UI/UX
Expert
Design SystemResponsiveAccessibilité
Visualisation de données
Avancé
ag-GridEChartsLeaflet
Tests & Qualité de code
Expert
VitestPlaywrightESLintPrettier
Back-end
Avancé
Node.jsNestJSExpress.js
Bases de données
Intermédiaire
MySQLMongoDBFirestore
Sécurité
Avancé
OAuthPKCEFirebase AuthOkta
Cloud & DevOps
Intermédiaire
DockernginxGit
Agilité
Avancé
ScrumKanbanPair ProgrammingCode Review
Intelligence artificielle
Intermédiaire
Claude Code

business_center Entreprises

beenhere Expérience

1. Architecte logiciel Front-end – Refonte Design System

BNP Paribas – Juillet 2024 / Novembre 2025

Design System utilisé par 20+ applications avec dette technique critique (architecture monolithique, coûts de maintenance élevés, frustration des développeurs).

  • Conception et développement : librairie Angular + application de démo interactive + starter kit
  • Implémentation de 25+ composants conformes UI/UX (Layout, Menus, Card, Data-grid, Prompt, ...)
  • Conformité accessibilité RGAA + intégration Axe-Core (feedback immédiat)
  • Migration de 2 applications pilotes + formation de 2+ Tech Leads + documentation technique
  • Amélioration productivité développeurs + réduction du time-to-market des fonctionnalités métier

Stack : Angular 18-20 ∙ Angular Material ∙ Localize (i18n) ∙ Axe-Core (a11y) ∙ Jest

2. Architecte logiciel Front-end – Refonte SI Assurance

Coface – Novembre 2023 / Juin 2024

Leader mondial de l'assurance-crédit en transformation digitale majeure du SI pour accompagner la croissance et moderniser l'expérience utilisateur.

  • Conception et développement : librairie Angular (Design System) + application de démo interactive + starter kit dans Monorepo Nx (applications métier)
  • Intégration dans une application pilote
  • Formation des développeurs + documentation technique

Stack : Angular 16-17 ∙ NgRx ∙ Ngx-Translate ∙ PrimeNG ∙ Nx

3. Architecte logiciel Full-stack – Plateforme de feedback 360°

Zenika – Juillet / Octobre 2023

ESN spécialisée dans la transformation numérique renforçant sa culture du feedback continu.

  • Conception et développement : Front-end Angular + Back-end NestJS + Base de données Firestore + SSO Google
  • Documentation technique avec Docusaurus
  • Outil intégré au processus d'évaluation annuelle : 800+ utilisateurs, 2000+ feedbacks/an
  • Mainteneur actuel de l'application : monitoring, corrections, évolutions

Stack : Angular 16-20 ∙ Angular Material ∙ Localize (i18n) ∙ ECharts ∙ NestJS ∙ Firebase ∙ GCP ∙ Docusaurus

4. Développeur Front-end & Référent technique – Espace client

Malakoff Humanis – Mai 2022 / Juin 2023

Acteur majeur de la protection sociale en France avec Espace client web comme canal digital stratégique.

  • Développement de fonctionnalités critiques : gestion profil, coordonnées, préférences de communication
  • Référent technique : accompagnement développeurs, code reviews, montée en compétences
  • Contribution au Design System : développement de 2 composants critiques (layout, module de formulaires multi-step) + maintenance évolutive

Stack : Angular 14-15 ∙ Bootstrap ∙ Storybook ∙ Jest

Équipe : 4 développeurs + Scrum

5. Développeur Full-stack – Indice de Performance Sociale

Malakoff Humanis – Novembre 2021 / Avril 2022

Acteur majeur de la protection sociale développant une offre d'accompagnement des PME pour l'évaluation et l'amélioration de leur performance sociale (IPS).

  • Développement full-stack : Front-end Angular + Back-end Express.js + Base de données MongoDB
  • Questionnaires complexes (40+ questions, multi-step), algorithme de scoring, visualisation de données (charts et radars)
  • Benchmarking sectoriel : 15+ secteurs d'activité, 4 tranches de taille d'entreprise, base de 500+ entreprises anonymisées

Stack : Angular 13 ∙ Express.js ∙ MongoDB ∙ API Rest ∙ Jest

Équipe : 3 développeurs + Scrum

6. Lead technique Full-stack – Migration Monorepo & SSR

FDJ – Février / Septembre 2021

« Parions sport en ligne » avec architecture legacy complexe : 3 applications distinctes (coquille PHP + 2 applications Angular) réparties dans 3 dépôts Git, générant difficultés de maintenance et de déploiement.

  • Lead technique en équipe de 3 : pilotage conception et développement
  • Migration vers Monorepo Nx : consolidation des 3 applications (réécriture coquille PHP en Angular)
  • Implémentation SSR (Server-Side Rendering)

Stack : Angular 11-12 ∙ Angular Universal (SSR) ∙ Express.js ∙ Nx ∙ Jest

Équipe : 3 développeurs + Kanban

Mobilité : mission suivie d'un changement d'ESN (Xebia → Zenika)

7. Architecte logiciel Full-stack – Plateforme CIAM Okta

Royal Canin – Mai 2020 / Janvier 2021

Leader mondial de la nutrition pour animaux de compagnie avec écosystème de 12+ applications clients (e-commerce, clubs de fidélité, support vétérinaire).

  • Conception et développement de la plateforme d'identité centralisée (inscription, authentification, gestion du profil et des préférences)
  • Intégration Okta CIAM (Customer Identity and Access Management)
  • Architecture full-stack : Front-end Angular + Back-end NestJS (BFF) + CI/CD Azure DevOps

Stack : Angular 9-10 ∙ NestJS ∙ Okta ∙ Azure Cloud

8. Développeur Full-stack – Refonte Site Vitrine & Espace Client

LCL – Juin 2019 / Avril 2020

Banque de détail en refonte digitale complète de sa présence web pour moderniser l'expérience utilisateur et améliorer la conversion.

  • Site vitrine
    • Personnalisation de contenu : système de recommandation d'articles basé sur les centres d'intérêt
    • Moteur de recherche d'agences : géolocalisation + cartes interactives (Leaflet)
    • Landing pages marketing basées sur contenus Headless CMS (Prismic)
  • Espace client
    • Mire de connexion Espace Client

Stack : Angular 8 ∙ NestJS ∙ Jest ∙ Leaflet ∙ Prismic

Équipe : 6 développeurs + Scrum

9. Lead technique Front-end – Plateforme de Trading

BNP Paribas – Janvier 2018 / Juin 2019

Banque d'investissement en digitalisation du marché obligataire (MiFID II), historiquement traité de gré à gré et peu transparent.

  • Conception et développement, revues de code, accompagnement technique
  • Dashboards temps réel d'analyse de marché
  • Animation de Katas techniques et Brown Bag Lunch (BBL) sur les bonnes pratiques Angular/NgRx

Stack : Angular 5-6-7 ∙ NgRx ∙ Highcharts ∙ ag-Grid ∙ DevExtreme ∙ SSE (Server-Side Events)

Équipe : 4 développeurs + Kanban

10. Développeur Front-end – UI imprimantes industrielles

Canon Production Printing – Septembre / Décembre 2017

Leader mondial de l'impression numérique industrielle en transformation digitale : développement d'une interface web (UI) pour la configuration et le pilotage à distance des imprimantes professionnelles.

  • Développement de composants pour gérer la configuration et l'état
  • API Rest : création de jobs, modification de paramètres
  • WebSocket : statut imprimante, progression des jobs, alertes

Stack : Angular 4 ∙ NgRx ∙ API Rest ∙ WebSocket

Équipe : 4 développeurs + Scrum

Mobilité : mission suivie d'un changement d'ESN (Alten → Xebia)

11. Développeur Front-end – Espace Client

Axa – Novembre 2016 / Août 2017

Groupe d'assurance international en modernisation de l'espace client web pour améliorer l'expérience utilisateur et la performance technique.

  • Gestion du profil utilisateur
  • Maintenance corrective et évolutive
  • Amélioration de l'architecture applicative + résolution de fuites mémoire (memory leaks)
  • Maquettes HTML/CSS pour la refonte du design responsive

Stack : JQuery ∙ JavaScript ∙ HTML5 ∙ CSS3 ∙ Jasmine

Équipe : 3 développeurs + Kanban

12. Développeur Full-stack – Outil BI & CRM Pharmaceutique

Servier – Juillet 2013 / Septembre 2016

Groupe pharmaceutique français en transformation digitale des outils métier stratégiques : BI (Business Intelligence) et CRM pour les managers et les visiteurs médicaux.

  • Conception et réalisation en autonomie d'une application de BI - visualisation de données (évolution des ventes par région/produit/période)

    • Stack : JavaScript ∙ JQuery ∙ AmCharts ∙ ASP.NET MVC ∙ SQL Server
  • Contribution au développement du CRM (4 mois) - dashboard de widgets configurable (agenda, notifications, tâches)

    • Stack : AngularJS ∙ Bootstrap
    • Équipe : 6 développeurs + Scrum

13. Administrateur – Portail mobile grand public

Bouygues Telecom – Octobre 2011 / Juin 2013

Opérateur télécom offrant à ses clients un portail mobile grand public avec un million de visiteurs par mois.

  • Création de nouveaux contenus
  • Refonte du Store d'applications
  • Amélioration du module de paiement sur mobile

Stack : outil propriétaire

Équipe : contact direct avec l'équipe marketing

architecture Projets

Générateur de palettes Angular Material

Outil d'affinement des palettes de couleurs pour les thèmes Sass
https://avine.github.io/angular-material-palette-generator/

Ng-Zealous

Bibliothèque de composants compatibles Angular Material
https://github.com/avine/ng-zealous

license Formation & langues

  • DEA, Physique appliquée, Mention B – INPG (Institut National Polytechnique de Grenoble)
  • Français et Anglais