10 raisons pour lesquelles vos marques préférées ont changé leur façon de faire du design

Les designers ont toujours eu besoin d'un endroit pour se retrouver, que ce soit pour résoudre des problèmes, échanger des idées ou simplement partager de bons moments.

Ce qui a changé, c’est leur manière de réfléchir, de mettre en commun leurs idées et de créer. Cette évolution était nécessaire dans ce nouveau monde où la collaboration à distance, la mondialisation et les horaires flexibles font loi. Certaines marques connues ont donc fait évoluer la manière dont leurs équipes de design travaillent, en consolidant les outils, en simplifiant les processus et en permettant la collaboration sur différents fuseaux horaires.

10 marques partagent comment elles ont utilisé Figma pour rendre leur processus de design plus rapide, plus efficace et plus amusant, tout en gardant les équipes sur la même longueur d'onde.

1. Dropbox : une collaboration en temps réel

Comment les équipes de design peuvent-elles se sentir unies quand leurs membres ne peuvent pas se retrouver physiquement ? Voici le défi auquel Dropbox a fait face quand l'entreprise a adopté une politique privilégiant le télétravail, au début de la pandémie.

Les designers se sont rendus compte que, dans ce nouveau monde, il fallait travailler davantage pour s'intégrer à n'importe quel flux... Collaborer autrement devenait un impératif. L'entreprise avait déjà migré tout le design sur Figma et implémenté de bonnes pratiques pour toutes les étapes du processus de création : la réflexion, le wireframing, le prototypage et les commentaires.

Lorsque tout le monde chez Dropbox a commencé à travailler à distance pendant la pandémie, les designers ont dû maintenir la communication à tout prix pour garder cette magie créative que les équipes avaient connu dans la vraie vie. Par exemple, au lieu d'organiser des réunions de revue de design en présentiel, l'équipe utilise le « mode observation » de Figma pour suivre les présentations en direct.

Au lieu d'aller voir quelqu'un à son bureau pour parler d'un problème, les designers n'ont qu'à partager un lien et à réfléchir ensemble directement dans un fichier. Comme le dit Stan Yeung, designer de produit chez Dropbox : « Figma est devenu le centre de notre univers pendant la pandémie. La communication et la collaboration avaient davantage leur place dans les fichiers de design. Cette solution est devenue notre nouveau tableau blanc virtuel. »

2. Design Within Reach® : co-création et transparence

Autrefois, il fallait se rendre au magasin pour trouver la chaise ergonomique parfaite. La concurrence des sites de vente directe aux consommateurs, sensibles aux prix, et les répercussions du COVID-19 ont incité Design Within Reach®, la marque d'ameublement de Herman Miller, à revoir le design de son site de commerce électronique. L'entreprise ne voulait plus seulement montrer de beaux produits, elle voulait aussi personnaliser l'expérience pour chaque utilisateur.

Pour ce nouveau design, l'équipe DWR s'est associée à BASIC®, une agence de branding et de marketing digital qui travaille avec des entreprises comme Google, Airbnb, Patagonia, Apple et Beats by Dre, pour collaborer en temps réel. « Dans l'équipe de design interne, nous avions beaucoup de mal à travailler ensemble sur les fichiers de design », explique Ryan Ganss, responsable design UI chez DWR.

Les plateformes comme Figma étant accessibles depuis Internet, les équipes DWR et BASIC® ont pu accéder aux fichiers de design à n'importe quel moment « sans se soucier d'effacer le travail des autres », ce qui leur a offert une grande efficacité. « Avec 2 équipes sur différents fuseaux horaires, nos journées de travail faisaient 14 heures », affirme Garret Schauteet, designer senior chez BASIC®. « Nous n'avions pas besoin de vérifier la version des fichiers que nous envoyions ou de mettre à jour les liens. »

En outre, le processus transparent, notamment la possibilité d'envoyer des liens vers les prototypes Figma avec, entre autres, le PDG de DWR, a vraiment généré de bons retours dans toute l'entreprise.

3. Netflix : un tableau blanc en ligne

Cartographier les parcours utilisateurs peut être un processus long, qui requiert minutie.

Pour Emily Loper, growth product designer intervenant sur plusieurs plateformes chez Netflix, un processus de design pouvait prendre des mois. Elle devait planifier méticuleusement les conséquences d'un projet sur les membres Netflix et les équipes internes en créant une toile de connexions qui finissait toujours par devenir chaotique.

Emily voulait que ce processus de design complexe se déroule entièrement dans le même environnement. Netflix a donc utilisé FigJam, le tableau blanc en ligne de Figma, pour aborder les premières étapes compliquées d'un nouveau projet difficile. Les formes et connecteurs intégrés au tableau blanc ont facilement trouvé leur place dans sa grille de design. La designer pouvait facilement déplacer des zones dans ses canevas sans perdre la trace des dépendances.

Les flux utilisateurs de ce projet ont eu des répercussions dans toute l'entreprise. Il n'est pas toujours facile d'expliquer le processus aux parties prenantes, qu'il s'agisse des ingénieurs, des juristes ou des spécialistes des données. En haut du fichier, elle a donc créé un schéma du processus de design pour donner aux parties prenantes une vue d'ensemble de l'avancement du projet.

La cartographie du parcours utilisateur explorait plus de 20 flux utilisateurs, le tout dans un seul fichier. Emily a également créé une légende facile à comprendre, en utilisant des couleurs et des formes, pour ses diagrammes de flux, ce qui a aidé les équipes transverses à déchiffrer ce qu'elles voyaient.

4. News UK : un système de design unique

Avec l’émergence du numérique, le secteur des médias fait face à des défis uniques. Les maisons d'édition doivent non seulement concevoir pour le numérique et s'y adapter, mais leur capacité à créer du nouveau contenu et à évoluer met leur devenir en jeu.

News UK, branche de News Corp, a développé son portefeuille de produits en version papier, en ligne, à la radio et à la télévision pour évoluer avec ses clients. Cette expansion impliquait d'adapter le design et le développement à travers les marques et les produits. Il fallait un nouveau design system pour organiser et gérer le processus.

Certaines marques partaient de rien alors que d'autres, à l'image de The Times et de The Sun, avaient déjà de l'existant.

« Elles ont (toutes) des exigences strictes sur l'apparence et le fonctionnement, affirme Nick Dorman, responsable des design systems chez News UK. En tant que designers, nous devons comprendre les attentes des équipes produit, éditoriale, commerciale et marketing vis-à-vis du système de design. Leur point de vue influence notre approche lors de la création du système. »

Les entreprises négligent souvent les éléments culturels (les habitudes, les processus, les valeurs et les objectifs des équipes) nécessaires à un design system efficace. Dans le cas de News UK, l'équipe en charge du design system a configuré l'espace de travail de chaque designer avant de l'intégrer à Figma, grâce à des ateliers personnalisés et à la documentation. Elle a également créé de la documentation pour commenter, inspecter et intégrer des outils tiers essentiels.

« Il ne suffit pas de dire "voici le nouveau design system, merci de l'utiliser" », nuance James Davis, lead designer.

« Les gens veulent vraiment comprendre et sentir qu'ils sont impliqués. Nous avons donc trouvé quelques idées originales pour former et encourager son adoption. »

5. Elsewhen® : une productivité améliorée

Elsewhen® est une agence de conseil en produits numériques basée au Royaume-Uni qui développe des outils B2B et d'entreprises pour les sociétés du monde entier. Comme la création d'outils nécessite de collaborer étroitement avec des clients tels que Spotify et Inmarset, Elsewhen utilise Figma comme solution de collaboration pour travailler et concevoir en équipe.

« Grâce à Figma, nous avons pu supprimer de nombreuses tâches routinières comme l'export, l'import et la distribution des actifs, déclare Tadhg McCarthy, fondateur et directeur du design d'Elsewhen. Figma ne sert pas uniquement à designer des écrans finaux pour le produit. Nous l'utilisons tout au long du processus, de l'exploration et des ateliers jusqu'au prototypage avec nos clients. »

Par exemple, nous avons aidé Spotify à mieux mesurer et évaluer la productivité du design. Ils ont créé un cadre pour aider les équipes de design à comprendre les obstacles de leur flux de travail et identifier les opportunités clés : le Design Productivity Blueprint de Figma, un fichier open source qui contient des modèles d'ateliers et d'entretiens destiné à toutes les équipes.

L'équipe de design de Spotify a écrit sur son blog : « mesurer la productivité d'un rôle créatif est une entreprise périlleuse.  Ce serait une erreur de simplement compter le nombre d'écrans, de composants ou même de solutions qu'un designer conçoit, ou le temps que cette personne prend pour le faire. Nous devons donc identifier des métriques logiques. »

Avec cet outil, Spotify et Elsewhen espèrent qu'ils aideront les équipes de design à passer plus de temps à concevoir et moins, sur les tâches qui les ralentissent.

6. Repsol : les plug-ins

Repsol, la première compagnie multi-énergies en Espagne, était la première entreprise de son secteur à s'engager à atteindre l'objectif « zéro carbone », d'ici 2050.

Et le design occupe une place centrale dans cette évolution. « Il ne s'agit pas de faire des produits plus beaux, il s'agit de permettre à Repsol de se mettre à la page et de répondre aux besoins et aux attentes des clients », explique Valero Marin, CIO/CDO.

Repsol devait définir le rôle que le design peut jouer et fonder les équipes, créer les outils mais aussi les processus nécessaires pour faire évoluer la discipline. Pour cela, l'entreprise s'est associée à Mendesaltaren, agence spécialisée en produits numériques, pour mettre en place un nouveau système de plate-forme permettant une approche plus collaborative et cohérente en termes de design, mais aussi plus mesurable. Les designers de Repsol ont ainsi commencé à rendre l'Énergie plus accessible au public.

Pour mieux comprendre le ROI, Mendesaltaren a participé au développement de 2 plugins : Figmetrics et MSVM. Figmetrics offre un aperçu de l'utilisation des composants dans chaque fichier Figma. Le plug-in MSVM permet aux équipes de rester connectées et alignées avec une source unique de vérité. Le nouveau système et les nouveaux processus de design ont permis à l'équipe d'itérer plus rapidement et de réduire de 30 % le travail nécessaire à la mise en œuvre du produit. « Repsol peut désormais facilement suivre l'argent, le temps et les efforts économisés », commente Jorge Lana, associé et CSO chez Mendesaltare.

7. Zoom : la vitesse

Zoom rencontrait un problème récurrent lors de sa croissance : son flux de design comptait de nombreux outils, ce qui ajoutait des frictions pour les designers dans la gestion du processus de design itératif. Comme beaucoup d'équipes, les designers de Zoom utilisaient un large éventail d'outils : Sketch pour le design de base, Invision ou Framer pour le prototypage, et Zeplin pour la remise aux ingénieurs. Chaque nouvelle itération de conception nécessitait la synchronisation des fichiers entre tous les outils distincts du flux de travail.

« Pour un seul projet, nous poussions des révisions sur des outils différents entre  10 et 20 fois. Ensuite, nous devions gérer les révisions sur tous ces outils, dans les différentes versions et auprès des différentes parties prenantes », explique Shawn Lan, directeur design chez Zoom. « C'était beaucoup de travail manuel et de temps perdu que l'on aurait pu passer à créer. »

Steven Crosby, designer visuel et illustrateur chez Zoom, a fait quelques recherches et a commencé à s'intéresser à Figma comme une solution potentielle aux inefficacités des processus. « Ce qui m'a d'abord attiré chez Figma, c'est sa vitesse », explique-t-il. J'ai été époustouflé par le taux de rafraîchissement lors du déplacement d'un objet dans Figma par rapport aux autres outils de design que j'ai utilisés. Puis, j'ai découvert les incroyables fonctionnalités intégrées de collaboration et de commentaires de Figma... c'est là que j'ai su que j'avais trouvé la solution à nos problèmes. »

« Nous disposons désormais d'un point central de collaboration en design, sans avoir à télécharger et à installer de nouveau logiciel à chaque fois que nous ajoutons un ingénieur à un projet, ni à accorder de nouveaux droits d'accès pour chaque nouveau fichier afin que les ingénieurs puissent le voir, déclare Shawn. Nous ne pouvions pas évoluer avec nos anciens outils. »

8. Stitch Fix® : les design sprints

Stitch Fix, service de stylisme personnel, a fait parler de lui en tant que première introduction en bourse d'une entreprise tech dirigée par une femme en novembre 2017. L'entreprise a conquis le cœur des consommateurs avec une application et un site Web élégants qui rendent la réception (et dans certains cas, le retour) d'un colis mensuel de vêtements amusante, plutôt que décourageante.

Pour s'adapter à sa base d'utilisateurs croissante et à la nature changeante du Web, Stitch Fix a recours à des design sprints pour résoudre les problèmes. Ces sprints impliquent de l'idéation, des tableaux blancs et une tonne de post-it froissés. Les designers, ingénieurs, spécialistes du marketing et chefs de projet de Stitch Fix testent des solutions jusqu'à ce que la solution idéale émerge. Ils conçoivent ensuite un prototype à l'aide de la plateforme de design intégrée de Figma sur navigateur. Ils ne perdent donc pas de temps pendant cette transition et n'ont pas à acheter, télécharger et installer un méli-mélo d'applications.

Ellen Beldner, directrice design chez Stitch Fix, explique : « Je pense que Figma rend ce processus terriblement facile parce que, d'une part, il n'y a aucun échange de fichiers ; d'autres part, personne n'a à installer de logiciel compliqué pour voir ce que vous faites. Sans oublier qu'il n'y a qu'une source de vérité. Figma remplace Sketch, InVision et Zeplin. »

En plus, avec des retours détaillés en temps réels, plus besoin d'organiser des réunions pour des démonstrations.

9. Kimberly-Clark : « Une seule source de vérité »

Au milieu des licenciements et des réductions de budgets en 2018, Kimberly-Clark s'est lancé dans une nouvelle initiative visant à accélérer la croissance d'ici le 150e anniversaire de l'entreprise en 2022. Au cœur de cette initiative, on trouvait un recentrage sur la présence numérique de ses produits de soins personnels.

Néanmoins, avec plus de 400 sites mondiaux destinés aux consommateurs et un vaste portefeuille de produits numériques, comment l'entreprise pouvait-elle créer une expérience numérique cohérente sur 175 marchés nationaux ?

Qu'il s'agisse de la gestion des prix, de la fabrication, de la distribution, du merchandising, des rayonnages, des ventes ou de l'exploitation du personnel, chaque étape du processus, du début à la fin, comporte une composante numérique. De plus, les designers, comme souvent, travaillaient avec des logiciels propriétaires Mac, téléchargeaient sur le cloud et attendaient ensuite l'approbation des parties prenantes utilisant des logiciels incompatibles avec Mac.

La réponse, selon Andy Ford, responsable UX de Kimberly-Clark, a été de « changer notre façon de travailler » et d'adopter Figma comme une plateforme de design intégrée. « Avec Figma, tout est à portée de main, explique Andy. La solution devient notre source unique de vérité. Rien n'est enregistré localement et toute personne que vous invitez peut facilement rejoindre le projet pour visualiser et modifier un fichier. » Les changements de design du site ont été résolus par une équipe unique et soudée, ce qui a entraîné une augmentation de 71 % des inscriptions.

10. Uber : un accueil consolidé

De nombreux produits indépendants opèrent sous l'égide d'Uber, comme Uber Freight et Uber Eats, en plus de l'activité de covoiturage d'Uber.

Auparavant, l'entreprise rencontrait des problèmes de fragmentation. Les fichiers n'étaient pas regroupés et se trouvaient à de nombreux endroits : disques durs, stockage sur le cloud, plug-ins tiers. Mais comment structurer l'ensemble pour que toute l'entreprise y trouve son compte ?

« Nous cherchions un moyen d'intégrer les gens au bon endroit et au bon moment, dans la bonne équipe et avec les bons atouts », explique Jeff Jura, designer de produits qui se concentre sur les systèmes de design d'Uber.

Après s'être associé à Figma pour une version bêta, Uber a décidé de faire migrer l'ensemble de son entreprise. Aujourd'hui, 90 % du travail de design des produits, y compris les applications Rider et Driver, est effectué sur Figma.

« Nous avons adopté cette approche naturelle qui consiste à permettre aux équipes de travailler par elles-mêmes, tout en prenant en compte le projet dans sa globalité, déclare Jeff. La pratique s'est répandue comme une traînée de poudre ».

Des entreprises comme la vôtre repensent leur façon de concevoir le design. En savoir plus.