Créer un visuel sans passer par un designer

Le projet

Chez Sahar, chaque visuel passait par un designer, et lui prenait souvent un après-midi. Nos choix de couleurs, de motifs et de densité n'existaient que dans la tête de l'équipe design, donc personne d'autre ne pouvait les reproduire. J'ai voulu sortir ce savoir-faire de nos têtes pour le mettre dans un outil. Deux semaines plus tard, DotLab produisait la plupart de nos supports, des visuels de salon à la landing page du site.

At Sahar, every visual went through a designer, and often took them an afternoon. Our choices on colour, pattern and density existed only in the design team's heads, so nobody else could reproduce them. I wanted to get that know-how out of our heads and into a tool. Two weeks later, DotLab was producing most of our materials, from trade-show visuals to the site's landing page.

Le problème

Refaire les mêmes visuels, encore et encore

Une demande arrive, on fait le visuel, on l'exporte. Quelques jours plus tard, quelqu'un veut un autre cadrage ou une autre couleur, et on rouvre le même fichier pour le réexporter.

A request comes in, we make the visual, we export it. A few days later, someone wants a different crop or a different colour, and we reopen the same file to export it again.

Ce travail a toujours existé, et un designer y apporte peu. On pouvait y passer des journées entières alors que ce n'est pas là qu'on est le plus utile. Le déclic est venu d'une semaine avec plusieurs salons à préparer en même temps : l'équipe design n'a fait que ça. C'est là que j'ai décidé de chercher une autre façon de faire.

This work has always been there, and a designer adds little to it. We could spend whole days on it when that's not where we're most useful. The trigger was a week with several trade shows to prepare at once: the design team did nothing else. That's when I decided to look for another way of working.

Ce que j'ai écarté

Les solutions existantes nous rendaient trop dépendants

Avant de construire quoi que ce soit, j'ai regardé ce qui existait déjà.

Before building anything, I looked at what already existed.

Aucune de ces pistes ne rendait les équipes autonomes tout en gardant notre identité. J'ai donc construit notre propre outil.

None of these options made the teams autonomous while keeping our identity. So I built our own tool.

La solution

Un visuel aux couleurs de Sahar en quelques clics

L'idée était simple : mettre dans un outil ce que je faisais à la main. DotLab génère des visuels faits de motif, avec ce rendu légèrement pixellisé qui fait partie de la direction artistique de Sahar. On part d'une base, on ajuste, on exporte : quelques clics suffisent pour sortir un visuel prêt à l'emploi, sans compte et sans passer par un designer.

The idea was simple: put into a tool what I was doing by hand. DotLab generates visuals made of patterns, with the slightly pixelated look that is part of Sahar's art direction. You start from a base, adjust, export: a few clicks are enough to get a ready-to-use visual, with no account and without going through a designer.

Chaque visuel reste personnalisable : la forme et la taille du motif, sa densité, les couleurs, le fond. Les palettes proposées viennent de notre direction artistique, donc on peut varier autant qu'on veut, le résultat ressemble toujours à du Sahar.

Every visual stays customisable: the shape and size of the pattern, its density, the colours, the background. The suggested palettes come from our art direction, so you can vary as much as you like and the result still looks like Sahar.

Quatre étapes pour sortir un visuel

Tester et itérer

D'un outil réglé pour moi à un outil pour l'équipe

La première version reprenait mes propres réglages et mes habitudes pour faire ces visuels. Elle marchait pour moi, et je ne savais rien de ce qu'en feraient les autres. Je l'ai envoyée aux designers de l'équipe et à d'autres amis designers, sans brief : 48 heures pour utiliser l'outil.

The first version carried over my own settings and habits for making these visuals. It worked for me, and I knew nothing of what others would do with it. I sent it to the team's designers and to other designer friends, with no brief: 48 hours to use the tool.

Mesurer avant de demander

Je suis les tirages et les exports de chaque testeur. La demande d'avis ne s'ouvre qu'après 10 tirages ou 2 exports, quand la personne a vraiment utilisé l'outil. Chaque avis garde son contexte : la note de quelqu'un qui a exporté six visuels ne se lit pas comme celle d'un curieux.

I track each tester's draws and exports. The feedback prompt only opens after 10 draws or 2 exports, once the person has really used the tool. Every review keeps its context: a rating from someone who exported six visuals doesn't read like one from a passer-by.

Ce que disent les retours

Certains ont sorti des visuels que je ne savais pas possibles. D'autres ont buté sur des choses qui leur semblaient évidentes.

Some produced visuals I didn't know were possible. Others hit a wall on things that seemed obvious to them.

Pris un par un, certains retours se contredisent : l'un trouve le rendu trop transformé, l'autre trop fidèle. Mais ils pointent le même manque, un contrôle sur l'image de départ. C'est ce travail de lecture qui a guidé les itérations, dans deux directions opposées.

Taken one by one, some of the feedback contradicts itself: one person finds the result too transformed, another too faithful. But they point to the same gap, control over the starting image. Reading them that way is what guided the iterations, in two opposite directions.

Ajouter ce qui manquait

Retirer ce qui débordait

Chaque réglage ajouté est aussi une façon de plus de sortir un visuel qui ne ressemble plus à du Sahar. Un générateur peut produire n'importe quoi, et « n'importe quoi » inclut beaucoup de visuels moches. En parallèle, j'ai donc fermé les réglages qui cassaient la cohérence, pour que tout ce qui sort appartienne à la même famille.

Every setting added is also one more way to produce a visual that no longer looks like Sahar. A generator can produce anything, and “anything” includes plenty of ugly visuals. So in parallel, I closed off the settings that broke the coherence, so that everything coming out belongs to the same family.

Donner plus de liberté et en retirer en même temps, c'est ce qui a fait de DotLab un outil que les autres s'approprient sans sortir de notre identité.

Giving more freedom and taking some away at the same time is what made DotLab a tool others make their own without leaving our identity.

Résultats

L'outil produit la plupart des visuels de l'entreprise

Supports de salon, imagerie produit, assets de communication : la boucle de demandes et d'allers-retours a disparu. Aujourd'hui, l'équipe design ouvre DotLab par défaut quand il faut un visuel.

Trade-show materials, product imagery, communication assets: the loop of requests and round trips is gone. Today, the design team opens DotLab by default whenever a visual is needed.

Et la suite

L'outil est encore en test et s'améliore en continu. Je l'ai construit pour que quelqu'un hors design puisse s'en servir, et c'est ce qu'on vérifie maintenant : l'équipe com et les sales le prennent en main pendant un mois, avec un passage de relais progressif. C'est ce test qui dira si j'ai fait un outil d'équipe ou un outil personnel.

The tool is still in testing and keeps improving. I built it so that someone outside design could use it, and that's what we're checking now: the comms team and sales are taking it on for a month, with a gradual handover. That test is what will say whether I built a team tool or a personal one.

En parallèle, je prépare la prochaine étape : une version animée des visuels, pour les écrans et les vidéos.

In parallel, I'm preparing the next step: an animated version of the visuals, for screens and video.

Ce que j'en retiens

Un outil interne sur mesure, ça vaut le coup

Au départ, je ne savais pas si construire notre propre outil valait la peine. Dans ce contexte, oui : un besoin répétitif, une identité visuelle précise, une équipe qui n'a pas le temps d'attendre un designer. Deux semaines de travail, et le temps rendu à l'équipe se voit déjà.

At the start, I didn't know whether building our own tool was worth the effort. In this context, it was: a repeating need, a precise visual identity, a team with no time to wait on a designer. Two weeks of work, and the time given back to the team already shows.

Le plus dur a été de rester cohérent sans devenir répétitif. Beaucoup de réglages, c'est voulu, mais chaque réglage de plus est une façon de plus de sortir du cadre. Les palettes proposées, les bornes sur la densité et les réglages supprimés viennent de là.

The hardest part was staying coherent without becoming repetitive. Plenty of settings is deliberate, but every extra setting is one more way to step outside the frame. The suggested palettes, the caps on density and the settings I removed all come from that.

C'était aussi la première fois que je faisais un outil pour des designers. Le test à 48 heures sans brief a été la partie la plus utile du projet : voir d'autres personnes s'approprier l'outil autrement que moi, c'est ce qui a fait passer DotLab d'un outil réglé pour moi à un outil pour l'équipe.

It was also the first time I built a tool for designers. The 48-hour test with no brief was the most useful part of the project: seeing other people make it their own in ways I never had is what took DotLab from a tool tuned for me to a tool for the team.

Et le vibe coding, ça marche. Il y a deux ans, je n'aurais pas lancé ce projet. Aujourd'hui, la question n'est plus « est-ce qu'on peut le faire », mais « est-ce que ça vaut le coup ».

And vibe coding works. Two years ago I wouldn't have started this project. Today the question is no longer “can we build it” but “is it worth it”.