De la simplification de la navigation dans des outils techniques à la création de rendus photoréalistes de familles de puces, ce travail couvre autant des améliorations d’UX fonctionnelle que des moments de marque cinématographiques — toujours ancrés dans l’identité de TI en tant que leader des systèmes embarqués et des semi-conducteurs.
En tant que designer pluridisciplinaire collaborant avec Texas Instruments (TI), j’ai mené une série d’initiatives visant à améliorer l’ergonomie, la communication visuelle et la narration produit sur l’écosystème web de TI. Ce projet étendu combine design UX, iconographie, visualisation 3D et direction motion pour mieux expliquer des technologies complexes aux ingénieurs comme aux décideurs.
Cette étude de cas présente quatre volets interconnectés.
Améliorer les parcours de premiers usages pour l’exploration de sous-systèmes grâce à un tutoriel interactif guidé.
Plateforme : TI.com
Rôle : UX/UI designer, designer visuel
Outils : Figma, Adobe Creative Suite, Adobe XD
Type de projet : Amélioration fonctionnelle – expérience d’onboarding
Texas Instruments (TI) propose une interface complexe permettant aux ingénieurs d’explorer des designs de référence et des sous-systèmes produits. Bien que très riche fonctionnellement, l’interface restait difficile à appréhender pour des utilisateurs découvrant les diagrammes blocs, menus de sous-systèmes et filtres produits détaillés.
1. Améliorer l’expérience des nouveaux utilisateurs : faciliter la prise en main de l’interface « Reference Designs & Products ».
2. Expliquer clairement les fonctions clés :
3. Respecter les utilisateurs experts : rester non intrusif, avec un onboarding désactivable facilement.
L’interface existante était déjà très technique, ce qui imposait d’ajouter une surcouche sans masquer les contenus contextuels essentiels.
Le système d’onboarding devait s’inscrire dans les contraintes du layout et des composants en place.
Accessibilité et responsive design : conserver une expérience inclusive sur desktop et mobile.
Un tutoriel interactif en 3 étapes a été conçu sous forme de modales overlay, avec
illustrations contextuelles, textes d’instructions et un bouton d’action « Compris »,
permettant de guider sans surcharger.
Diagramme bloc + icône de cible rouge.
Liste accordéon + curseur en forme de main.
Onglets + aperçu de schéma.
Consistance du design
Différentes approches d’iconographie et de layout ont été testées :
Branding et brochure
Ce projet illustre comment des expériences d’onboarding par couches peuvent simplifier des outils techniques complexes sans les « infantiliser ». Le succès repose sur :
Concevoir un langage iconographique cohérent pour structurer des contenus techniques très denses à l’échelle du site.
Rôle : Designer visuel
Périmètre :
Audit & analyse du style
Plusieurs explorations d'icônes ont été développées pour les ressources « Académie / Formation » : l'objectif est d'inciter à l'apprentissage et au développement des compétences parmi les ingénieurs et les développeurs.
Mortier de diplômé à l'intérieur d'une fenêtre de navigateur, avec une superposition d'engrenages (symbole de l'apprentissage en ligne + ingénierie).
Engrenages menant au mortier de diplômé.
Placement alternatif, perspective ajustée pour une meilleure lisibilité à petite échelle.
Mortier de diplômé épuré avec engrenages alignés extérieurement, plus respirant et modulaire.
Travail étroit avec les développeurs et les équipes de contenu pour déployer les icônes à travers :
Différentes conceptions d'iconographie et de mise en page ont été testées :
Travail étroit avec les développeurs et les équipes de contenu pour déployer les icônes à travers :
Différentes conceptions d'iconographie et de mise en page ont été testées :
En complément de la série d'icônes éducatives, j'ai contribué à un système d'icônes « Power » plus large : l'objectif est de créer un langage visuel unifié pour diverses catégories liées à l'énergie dans l'offre de TI.
Cette initiative d'iconographie a souligné l'importance de trouver un équilibre entre précision technique et visuels conviviaux. En combinant clarté symbolique (ex. : mortier de diplômé, engrenages) et exécution cohérente, nous avons renforcé le rôle de la marque à la fois en tant que fournisseur de matériel et partenaire d'apprentissage.
« Concevoir des icônes pour TI.com signifiait jeter un pont entre la complexité de l'ingénierie et l'élégance visuelle — rendre la technologie plus intuitive, accessible et structurée. »
Rôle : Artiste conceptuel, Visualisateur 3D, Designer UX
Portée : Créer une représentation 3D réaliste de l'écosystème « Energy Hub » à partir du diagramme technique de TI.
Objectif : Aider les utilisateurs et les parties prenantes à visualiser les flux d'énergie bidirectionnels complexes dans un environnement de maison intelligente moderne — alliant ingénierie et narration conviviale pour le client.
Améliorations du design
Texas Instruments avait besoin d'un support visuel convaincant pour expliquer le fonctionnement des systèmes énergétiques bidirectionnels (solaire + réseau + batterie + VE). Le diagramme 2D original (image.png) illustrait le flux d'énergie CC/CA à travers divers nœuds. Cependant, il manquait de narration dynamique pour engager les publics techniques et non techniques.
Pour rendre cela plus digeste pour un public plus large (ex. : équipes de vente, chefs de produit, investisseurs), nous avons proposé et créé un rendu 3D en temps réel d'un quartier intelligent alimenté par un hub énergétique.
Composant
Description
Création d'un quartier 3D stylisé dans Blender :
Chaque rendu met en valeur un composant différent du Hub Énergétique :
Ce projet démontre comment les systèmes énergétiques complexes peuvent être rendus accessibles grâce au storytelling et au design visuel. En combinant précision technique et clarté cinématographique, nous avons transformé un diagramme d'ingénierie en une vision de produit engageante.
« Une visualisation bien conçue ne fait pas qu'informer, elle inspire la compréhension à travers les disciplines. »
Rôle : Artiste 3D, Designer visuel
Objectif : Créer des images de produits haute fidélité des familles de puces de TI pour une utilisation dans :
Présenter la diversité des puces TI (boîtiers, tailles, configurations de broches) dans un style technique et épuré.
Établir les puces TI en tant que « héros » avec un traitement cinématographique audacieux.
Soutenir les familles codées par couleur pour un regroupement visuel par ligne de produits (vert, bleu, violet, rouge).
Créer des systèmes de rendu reproductibles pour les nouvelles lignes de produits.
Modélisation + Texturation
Interface des designs de référence et produits.
Modélisation d'un écosystème de puces complet incluant :
Utilisation de matériaux PBR et variations de micro-surfaces pour refléter un éclairage industriel réaliste.
Création d'une mise en page de circuit imprimé (PCB)
Création de visuels de produits cinématographiques :
Création de visuels de produits cinématographiques :
Ma collaboration avec TI a abouti à une boîte à outils visuelle complète qui améliore la compréhension des systèmes énergétiques complexes.
L'équipe marketing de TI utilise désormais ces actifs à travers :
Le travail visuel a transformé la présentation traditionnellement plane des produits de TI en une expérience premium, marquée et immersive. Les rendus des puces ne font pas qu'éduquer ; ils inspirent la confiance et la fierté dans la précision technique de TI.
« Chaque puce n'est pas seulement un composant — c'est une histoire de précision. Ces visuels permettent à cette histoire de briller. »
