Stage - Handoff Design Développement F/H

Orange Business; Nantes; Sur place; EUR 40 000 - 60 000; Plein temps

Résumé du poste

Une entreprise de services numériques à Nantes recherche un stagiaire en design pour optimiser le processus de handoff design-développement. Le candidat doit avoir une formation Bac +3 et des connaissances en design et développement front-end. Les missions incluent l'analyse de processus, l'exploration d'outils d'IA générative et la création de prototypes HTML/CSS. Un esprit analytique et d'excellentes compétences en communication sont requis.

Qualifications

• Sensibilité au développement front-end et envie d'explorer l'IA générative.
• Capacités de recherche, d'analyse et de présentation nécessaires.
• Esprit analytique avec bonne communication écrite et orale.

Responsabilités

• Analyser le processus de handoff design-développement.
• Explorer des solutions d'outils d'IA générative pour design-to-code.
• Créer des prototypes HTML/CSS basés sur le Design System.
• Proposer un workflow design-to-dev amélioré.

Connaissances

Connaissance de Figma

Bases en HTML/CSS

Curiosité pour l'IA

Méthodologie de recherche

Capacités de synthèse

Anglais niveau B2

Formation

Formation Bac +3 en Design, développement ou webdesign

Description du poste

Mission

Le Studio Design est intégré chez Digital Services France, l'ESN d'Orange Business.

Ce sont des designers connectés aux 500 autres designers du groupe Orange.

C’est une équipe de15 designers digitaux aux compétences et expériences complémentaires : UX Designers, UI Designers, Product Designers, Chefs de projet UX, Consultants en Design Thinking.

C’est une vision responsable du design ou l’éco-conception, l’accessibilité et la frugalité sont au cœur de nos réflexions design.

La mission principale du stage est d'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.

Vos missions :

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

Profil

De formation Bac +3 en Design ou développement ou webdesign, vous avez une sensibilité au développement front-end.

Compétences :

• Connaissance des outils de design : Figma indispensable
• Bases en HTML/CSS : compréhension de la structure du code web
• Curiosité pour l'IA : intérêt pour les outils d'IA générative
• Méthodologie de recherche et d'analyse
• Capacités de synthèse et de présentation
• Anglais niveau B2

Qualités :

• Esprit analytique et orienté analyse des problèmes et recherche de solutions
• Excellente communication écrite et orale
• Autonomie et proactivité
• Intérêt pour les processus et l'amélioration continue