Aperçu

Mise en place d’un workflow Design-to-Code au sein de l’équipe de développement, afin de fluidifier la production et de garantir la qualité UI des fonctionnalités Angular.

Les développeurs se concentraient sur la logique métier pendant que je prenais en charge la partie UI/UX, SCSS et vérification des effets de bord. Ce travail est lié au Design System OneWeb.

validation UI systématique des PR
création de variables SCSS et de composants réutilisables
collaboration fluide avec les développeurs fullstack

Besoin client

Les équipes avaient besoin d’un cadre clair pour aligner le design et le code, éviter les divergences UI et réduire le temps passé à corriger les interfaces après développement.

Objectifs :

fluidifier le passage design → code
réduire les retours et les incohérences UI
accélérer la livraison des fonctionnalités

Approche technique

J’ai mis en place des variables SCSS globales, un système de spacing cohérent et des composants UI directement alignés avec le Design System OneWeb. Chaque composant Angular était contrôlé via un process clair :

prise du ticket par les devs
retour UI/UX de ma part
vérification via PR + correction des effets de bord
validation PO

Résultats

Le workflow a permis d’augmenter la qualité visuelle des écrans, de réduire drastiquement les retours et d’accélérer les développements front, en particulier pour les devs moins expérimentés en UI.

Impact concret :

réduction des retours UI sur les PR
meilleure cohérence entre pages et modules
gain de temps pour les développeurs