En bonne compagnie : comment les agences transforment la collaboration avec les clients

L'environnement des agences de design et du travail en freelance a connu des changements spectaculaires au cours des deux dernières décennies. Non seulement le télétravail s'est traduit par des équipes plus dispersées, mais en plus les agences de niche ont émergé pour défier les géants qui dominaient autrefois le secteur. La croyance selon laquelle le design est un processus opaque appartient au passé ; désormais, les agences et les clients restent en étroite collaboration, co-créant un workflow sur mesure pour chaque projet. Au sein des agences, les rôles deviennent flous également. « Maintenant, plus que jamais, vous devez être bien informé sur tout », déclare Judson Collier, cofondateur de Design Business Company. « Le généralisme est de retour. »

Naviguer dans le processus créatif à travers les fuseaux horaires et les équipes signifie maintenir une communication ouverte, faire de la place pour des points de vue diversifiés et utiliser des outils qui accélèrent le travail. Nous avons discuté avec un éventail d'agences et de freelances pour apprendre comment ils suscitent, synthétisent et expédient des idées avec Figma – et comment ils travaillent efficacement avec les clients à chaque étape.

Comment Human et Jimini Health se sont alignés sur une direction de marque audacieuse

Lorsque Rachael Yaeger et Michael Ray ont fondé le studio numérique Human en 2013, il était rare dans l'industrie qu'une équipe grandisse ou rétrécisse selon les besoins des clients ; aujourd'hui, ce phénomène s'impose comme la norme. Human, qui fluctue entre 6 et 10 employés, préfère cette structure car elle permet à l'équipe de travailler en étroite collaboration avec les clients, met l'accent sur le savoir-faire des designers et des développeurs, et réduit les frictions qui peuvent survenir lorsque les équipes internes et d'agence sont divisées. « Nous occupons cet endroit merveilleux avec l'agilité et l'expertise d'un freelance, mais la cohésion, l'expérience et la sécurité d'une grande agence » affirme Rachael.

Slide 1 sur 41 sur 4

Le système de branding de Jimini évoque le spectre des émotions humaines.

Human a créé une palette de couleurs robuste et conforme aux normes ADA pour Jimini.

La photographie de Molly Matalon crée une identité visuelle forte…

…qui reste cohérente sur les réseaux sociaux, le web et l'application.

Les clients veulent également travailler plus intimement avec les agences qu'ils embauchent. « Les calques de gestion traditionnels deviennent de moins en moins fréquents », dit Rachael, qui note que les clients sont plus à l'aise pour intégrer des partenaires externes au sein de leurs équipes. Par rapport à il y a une décennie, les clients ont également une meilleure aptitude au design et une plus grande maîtrise des outils de design. « Figma témoigne en ce moment-même de la fluidité de l'industrie », dit-elle. « Nous ne sommes plus des cadres en costume dans une salle de réunion avec des PDF imprimés. » De plus, le passage au travail à distance a conduit à des interactions moins formelles et plus fréquentes. « Nous envoyons un lien Figma à un client, ce dernier laisse quelques commentaires à la fin de la journée et nous continuons à échanger », dit Rachael. « La dynamique est maintenant plus amicale. L'agence est moins "Dieu qui sait tout". »

Cette manière fluide de travailler a été cruciale lorsque Human a créé une nouvelle identité visuelle et un site Web pour Jimini Health, une entreprise d'IA pour la santé mentale. Dans le mode sprint, les deux équipes ont eu des conversations fondamentales sur ce que la marque doit incarner. Human a utilisé Figma Slides – choisi parce qu'il peut être facilement utilisé par les non-designers – pour organiser des idées, des recherches et des moodboards sur lesquels Jimini pouvait faire des commentaires. Cela a abouti à une validation de l'orientation de la marque en environ deux semaines. L'identité utilise un large spectre de couleurs comme métaphore de l'expérience humaine – les clients ne sont souvent pas si réceptifs à la variété, mais travailler en étroite coopération les a aidés à s'aligner. « Ils ont pu jouer un rôle décisif », indique Rachael. Human a effectué les tâches de design restantes en environ quatre semaines – un rythme qui n'a été possible que grâce à une confiance mutuelle, à une communication constante et à une transparence tout au long du processus.

Figma aide également Human à transférer sans heurts la propriété d'un projet. Lorsque Jimini a commencé à appliquer le brand book à son application, par exemple, l'équipe a pu obtenir rapidement un feedback sur le respect des directives de la marque par les éléments d'UI grâce aux commentaires. « Avec Figma, nous avons tous accès les uns aux autres », affirme Rachael.

Comment PORTO ROCHA a créé une identité évolutive pour VEEPS

Pour PORTO ROCHA, une agence de 32 personnes dont les équipes de la stratégie, du design, de l'animation et de l'interactif couvrent le monde entier, être adaptable est la clé pour se démarquer sur un marché axé sur le design. Ses clients dans la technologie, la mode, la finance et la culture vont des galeries d'art comme Kunsthalle Basel à des noms familiers comme Google. Travailler à travers une multitude de secteurs, à une multitude d'échelles et sur de multiples supports alimente la créativité de l'agence. « Cela nous permet de rester curieux, de changer notre approche à travers ces industries et de prendre des décisions ancrées dans le contexte », déclare Gabriela Carnabuci, directrice associée du design chez PORTO ROCHA.

Au cours des cinq dernières années, PORTO ROCHA a intégré Figma à chaque étape de son workflow, de l'idéation et du concept initial au design et à la livraison finale. « C'est un outil qui semble vivant », dit Gabriela, et il est devenu essentiel pour pratiquement chaque équipe, pas seulement pour le design. L'équipe de la stratégie, par exemple, utilise FigJam pour organiser des ateliers clients à distance et rassembler la recherche et les données en un seul endroit, ce qui aide à clarifier le narratif. Les fichiers internes permettent à PORTO ROCHA de développer librement ses idées, et les fichiers externes maintiennent l'agence en conversation avec le client tout en contenant une partie de la complexité inhérente au processus de design.

Une collaboration étroite prépare les clients au succès même après la fin du projet. Ce fut le cas lorsque PORTO ROCHA a redessiné la marque et le produit pour VEEPS. En tant que plateforme officielle de live streaming des événements Live Nation et Ticketmaster, VEEPS a atteint des millions de spectateurs avec des spectacles de certains des plus grands noms de la musique. Le défi a consisté à créer une identité visuelle forte pour la plateforme tout en offrant aux artistes un moment pour briller.

« Trouver cet équilibre a impliqué de concevoir une expérience cohérente mais flexible sur ordinateur de bureau, appareil mobile, TV et réseaux sociaux », explique Marcos Rodrigues, directeur du design interactif chez PORTO ROCHA. « Il s'agissait de tester à l'extrême chaque possibilité et format. » Travailler avec Figma a été décisif pour s'assurer que les designs se reflétaient sur chaque surface – surtout en ce qui concerne l'incorporation de la vidéo, des graphiques animés et du contenu en direct. Pour aider l'équipe VEEPS à adapter l'identité après le passage de relais, les designers ont conçu une bibliothèque de composants étendue et ont utilisé des plugins tels que Stark pour s'assurer que tous les designs respectaient les paramètres d'accessibilité.

« Notre processus a exploré la création d'un système emblématique mais utilitaire équilibrant la personnalité de la marque et les besoins fonctionnels », déclare Gabriela « Parce que le client avait besoin d'un système flexible, notre approche a consisté à imprégner chaque élément de la marque – du logo à la typographie et à la couleur – de personnalité, permettant aux artistes et à leurs propres expressions de marque d'occuper le devant de la scène. » Depuis le déploiement de la nouvelle identité, l'engagement auprès de VEEPS a plus que triplé et le nombre de ses abonnés sur les réseaux sociaux a augmenté de 50 %, contribuant à faire de VEEPS un leader de l'industrie.

Comment Design Business Company s'est connectée à la boutique de GitHub

Stewart Scott-Curran, Judson Collier et Jordan Egstad ont fondé Design Business Company (DBCo) dans l'intention de laisser de côté l'approche universelle du travail d'agence d'autrefois. Stewart, qui a autrefois travaillé chez Nike, Coca-Cola et CNN, se souvient qu'il « aspirait toujours à une relation donnant l'impression que l'agence nous comprenait mieux, ou se montrait plus curieuse de savoir qui nous étions. »

DBCo comprend que plus les clients sont impliqués et actifs, plus le résultat est fort et motivant. Au lieu d'intégrer un client, puis de revenir des mois plus tard avec une grande révélation, DBCo maintient le travail transparent et collaboratif. « Nous essayons d'éviter l'effet du magicien sortant un lapin de son chapeau », dit Stewart. Dès le premier jour, DBCo partage ses fichiers Figma avec les clients et les encourage à laisser des commentaires ou à déposer des notes, ce qui aide l'équipe à corriger le cap plus tôt et réduit le besoin de présentations formelles. « Nous pouvons partager des idées plus rapidement et collaborer plus librement, ce qui allège le processus créatif entier », affirme Jordan.

C'est un changement d'attitude énorme par rapport à il y a quelques années. « Je me souviens que des collègues disaient : "Je ne veux pas que quelqu'un regarde par-dessus mon épaule pendant que je conçois. Ça me fait peur" », dit Judson. « Aujourd'hui, nous avons dépassé cela. »

Disposer de GitHub dans le fichier, par exemple, a incité DBCo. à voir grand dans la réinvention de la boutique en ligne de la plateforme pour développeurs, ce qui impliquait un nouveau site web, des marchandises et un emballage, ainsi que la photographie de produits – le tout conçu dans Figma. « Ce qui est vraiment agréable avec cet outil, c'est que vous pouvez voir en un seul endroit comment la marque peut s'étendre et s'appliquer à toutes ces différentes surfaces en même temps », explique Jordan. Pour conquérir le cœur des développeurs, DBCo. a conçu des interactions créatives sur le site telles que des animations de texte qui imitent des lignes de code, et des codes promotionnels qui semblent se déchiffrer eux-mêmes. Le prototypage dans Figma a aidé à dépeindre ces éléments de manière réaliste – et à donner vie à d'autres expériences qui nécessiteraient habituellement d'importantes ressources de développement, telles qu'un œuf de Pâques utilisant le code Konami pour transformer des photographies en images ASCII.

Bien que le workflow varie selon les clients et les projets, il existe une constante dans tous les projets de DBCo : l'équipe commence avec Construct, un design system interne créé à l'aide de variables Figma. Le système de base possède quatre collections différentes qui peuvent remplir automatiquement les fichiers avec les bonnes valeurs, ce qui réduit une journée et demie de travail à seulement 30 minutes. « Nous pouvons accélérer l'intégralité du travail de fond », dit Jordan. « Il a fallu du temps pour trouver le juste milieu entre disposer d'un système suffisamment en place pour être utile et avoir trop de contraintes, mais nous avons trouvé un bon équilibre. »

Comment ChaChaanTeng! a conçu des modules flexibles pour Eastern Margins

Comme d'autres agences, le studio londonien ChaChaanTeng! a connu de nombreux changements depuis son lancement il y a quatre ans. Non seulement le passage à Figma a permis à l'équipe de guider les clients à travers les designs dans le fichier au lieu de présentations formelles, mais cela a également aidé à « gamifier le processus de travail », affirme le fondateur de l'agence Wei Prior, à travers des jeux réels, des arrière-plans amusants sur le plan de travail et des dessins. Puisque chaque membre du petit studio peut voir sur quoi les autres travaillent, il peut générer plus rapidement des narratifs pour les projets. « Nous travaillons de manière très collaborative, » dit Wei. « En tant que plateforme, Figma nous permet de travailler facilement sur un grand nombre de projets et est fondamental pour notre croissance. »

La plateforme a aidé ChaChaanTeng! à prendre en charge plus de clients, y compris des clients internationaux tels que Eastern Margins, un label britannique faisant la promotion d'artistes alternatifs en Asie. Elle a commencé à collaborer il y a deux ans sur une nouvelle identité de marque : un mélange détonant de couleurs néon, de symboles, d'illustrations et de vidéos totalisant plus de 100 calques. Wei qualifie le travail d'« approche modulaire de la folie », qui évoque et intensifie la densité et la cacophonie des mégapoles telles que Hong Kong, Tokyo et Manille, où sont basés les artistes d'Eastern Margins.

Quand Wei a présenté ces concepts au fondateur d'Eastern Margins, David Zhou, il a montré comment il construisait les visuels calque par calque. Cette approche a tellement plu à David que les équipes ont décidé d'intégrer du mouvement dans l'identité pour mettre en valeur la nature dynamique du système. « Nous aimons ce qui est inattendu, quand les choses se déforment et que nous produisons des mutations », déclare David. « Parce que nous travaillons dans Figma, ces accidents heureux ou événements inattendus apparaissent de manière beaucoup plus naturelle. »

En raison de la nature de l'industrie musicale, ChaChaanTeng! livre souvent des fichiers achevés à 95 %, permettant ainsi aux designers d'Eastern Margins d'optimiser l'ordre et la taille des noms d'artistes sur une affiche, par exemple. « C'est le genre de chose pour laquelle les managers et agents peuvent se faire licencier s'ils se trompent », dit David. Ces variables pouvant changer seulement quelques heures avant un événement planifié, Eastern Margins doit pouvoir ajuster les designs à la dernière minute sans avoir à dépendre d'une agence opérant dans un autre fuseau horaire. « Pour un utilisateur non graphiste mais ayant une compréhension rudimentaire du design, Figma Make facilite les modifications de taille de police ou d'ordre, et cela nous a épargné de sérieux maux de tête », dit David.

Comment le designer Kevin Twohy a itéré sur l'application parentale de Good Inside

Kevin Twohy, fondateur et directeur principal de Twohy Design Works, structure son travail de manière à pouvoir rester aussi agile que possible. En fonction du client et du projet, il réalise parfois une intégration au sein d'une équipe, opérant plus comme un employé, ou fonctionne comme un petit studio, en recrutant des spécialistes au besoin. « Nous sommes à l'ère du super individu », dit Kevin. « Grâce aux nouvelles technologies, une personne peut diriger artistiquement un plus large éventail de travaux. » Cela correspond également au mode de travail de Kevin : établir des relations de personne à personne avec ses clients, rester proche du travail lui-même et suivre ce qui est intéressant en termes de créativité.

Depuis deux ans, Kevin collabore avec Good Inside, une ressource en ligne pour les parents fondée par la psychologue clinicienne Dr. Becky Kennedy. Dès les premières discussions et recherches, il a été clair que les parents avaient besoin d'une assistance immédiate dans les moments générateurs de stress, ce qui a conduit Kevin et l'équipe à se concentrer sur une application de coaching personnalisée qui aide les parents à accompagner leur enfant faisant une crise de colère, refusant d'aller au lit et plus encore.

Le défi lié au design n'a pas été simplement de concevoir l'interface ou le contenu », explique Kevin, « mais la carte montrant le parcours vécu par un parent, ainsi que les forfaits de contenu associés. Trouver la bonne séquence et la bonne densité pour les scripts et les instructions parentales – qui impliquent du texte, de l'audio, de la vidéo et des images – était crucial. Kevin et l'équipe de Good Inside ont utilisé FigJam pour élaborer les connaissances dont un parent doit disposer et Figma pour organiser ce contenu en wireframes basse fidélité, puis pour créer des prototypes haute fidélité pour les tests utilisateurs. Il en a résulté des cycles d'itération serrés qui leur ont permis d'optimiser rapidement le contenu, les contenants et l'interface.

Good Inside devait absolument perfectionner l'architecture de l'information pour établir une relation à long terme avec ses abonnés à l'application. « Vous ne pouvez pas simplement concevoir quelque chose qui fonctionne pendant une semaine ou 30 jours lors d'un test utilisateur », dit Kevin. « Il ne suffit pas d'entendre un utilisateur dire : "Oh, c'est génial. Cela me rend dingue." Il faut le tester pour de vrai. » Les tests bêta ont duré au moins un mois, informant de multiples itérations basées sur les enseignements de l'équipe. Par exemple, l'application offre une expérience d'intégration légère pour éviter de noyer les parents d'informations non pertinentes dans les moments tendus. L'application de Good Inside à ainsi obtenu une note de 4,9 étoiles.

« Les parents – les clients – sont de vraies personnes dans le monde réel, qui ont besoin d'aide pour résoudre un problème », dit Kevin. « Ils ne se sont pas réveillés en se disant, "Je veux une application". Ce qui aide, c'est de disposer des bonnes choses, et que celles-ci soient livrées de la bonne manière. »

Les agences et les freelances ont besoin d'outils agiles qui réunissent les bons acteurs sur un projet – parfois à tout moment – et opèrent plus intimement avec les clients. Les agences de petite taille prennent des décisions audacieuses, concevant sur plusieurs supports – des sites web aux applications, en passant par les matériaux imprimés et les produits physiques, tout cela dans le cadre d'un même projet. Dans cet environnement, Figma aide les équipes à établir la confiance, à affiner leurs idées et à communiquer de manière étroite, ce qui conduit finalement à des résultats exceptionnels. Découvrez comment les équipes utilisent Figma et contactez-nous pour une démonstration.