Stage Handoff Design Développement H/F Orange Business

Le Studio Design chez Digital Services France

- C'est un studio local intégré à l'ESN Digital Services France
- Ce sont des designers connectés aux 500 autres designers du groupe Orange
- C'est une équipe de 15 designers digitaux aux compétences et expériences complémentaires : UX Designers, UI Designers, Product Designers, Chefs de projet UX, Consultant en Design Thinking
- C'est une utilisation intensive et une contribution active à la mise en place du nouveau Design System d'Orange
- C'est un esprit d'équipe fort où chacun participe à l'amélioration de nos compétences, de nos processus et savoir-faire design afin d'amplifier la valeur et l'impact du design dans l'entreprise. #DesignOps
- C'est une vision responsable du design ou l'éco-conception, l'accessibilité et la frugalité sont au coeur de nos réflexions design.
- C'est une offre d'accompagnement en design complet : UX Research, UX Strategy, UX Writing, Direction Artistique,...

Mission principale :

Analyser et optimiser le handoff design-développement en explorant la possibilité pour les UI designers de livrer des prototypes intégrés en HTML/CSS, réduisant ainsi les frictions et accélérant la mise en production.

Objectifs du stage

1. Audit et analyse

- Analyser le processus actuel de handoff design-développement
- Identifier les points de friction, pertes d'information et de temps
- Identifier les écarts entre maquettes Figma et composants codés
- Interviewer designers et développeurs pour comprendre leurs besoins

2. Exploration des solutions

- Étudier les outils d'IA générative adaptés au design-to-code
- Étudier les outils d'IA générative alignés sur les Design Systems
- Tester la génération de code respectant nos tokens et composants
- Tester les capacités des LLM pour la génération de code à partir de maquettes
- Évaluer les plugins et workflows émergents
- Analyser comment l'IA peut comprendre et utiliser notre bibliothèque de composants

3. Expérimentation pratique

- Créer des prototypes HTML/CSS à partir de designs utilisant le Design System
- Mesurer le gain de temps et la qualité du rendu
- Mesurer la fidélité entre composants designés et codés
- Tester différents niveaux de complexité (composants isolés vs pages complètes)
- Évaluer la maintenabilité et la scalabilité de l'approche
- Tester l'adoption auprès de l'équipe et évaluer les marges de progression

4. Recommandations

- Proposer un nouveau workflow design-to-dev
- Définir les compétences à développer chez les designers
- Créer un guide de bonnes pratiques et/ou des templates
- Définir les compétences HTML/CSS minimales pour les designers