Ilies AllaliL'identité complète d'une plateforme d'IA
Créée de zéro, avec son site et son interface produit, au moment où les décideurs se méfiaient le plus de l'IA.
Branding from scratch, site et interface produit pour UtopikAI, une plateforme qui met les modèles d'IA au service des équipes. Conçu au moment où les décideurs se méfiaient le plus de l'IA.
Le contexte
UtopikAI relie les modèles d'IA aux outils de productivité des entreprises : des assistants spécialisés, une bibliothèque de prompts, un espace de travail par projet. La mission arrive par mon réseau au tout début de la vague IA, avec un périmètre complet : créer la marque de zéro, le site, et l'interface du produit. À l'époque, la défiance des décideurs est réelle : où partent les données, ce que le RGPD autorise, ce qu'on risque à s'équiper trop tôt.
Le problème
Le réflexe du marché IA était d'en rajouter : dégradés violets, particules, imagerie futuriste. Exactement ce qui nourrit la méfiance. Une boîte qui vend de l'IA à des entreprises prudentes doit faire l'inverse : ressembler à un outil de travail sérieux qu'on peut présenter à son comité de direction, pas à une démo de science-fiction.
L'identité
Un gris charbon presque noir porte la sécurité, la confidentialité et la fiabilité : la réponse à la peur est posée dans la couleur avant le discours. En face, un orange chaud humanise et dirige l'attention. Pas de bleu tech, pas de violet IA. Plus Jakarta Sans pour une modernité lisible, une grille pointillée discrète pour la rigueur technique, et trois valeurs qui cadrent tout : simplicité, stabilité, harmonie. L'ensemble est documenté dans un guide de marque.
Le site
Le pari du site tient dans une contrainte que je me suis imposée : aucune image de synthèse. Chaque page montre l'écran réel du produit, jamais une métaphore de l'intelligence artificielle. C'est plus dur à tenir qu'à décider, parce qu'il faut que l'interface soit présentable à chaque étape, et elle ne l'était pas toujours. Le reste suit la même logique : fond crème plutôt que noir futuriste, orange sur un seul mot du titre, une phrase qui dit ce que la brique fait avant de montrer comment. Un décideur qui arrive sur la page des agents doit pouvoir la projeter en réunion sans avoir l'air de vendre de la science-fiction.
Le catalogue de modèles
Sur ce marché le prix ne s'affiche pas, il se demande en démo commerciale. Le parti pris a été l'inverse : chaque modèle est public, prix d'entrée et prix de sortie, par million de tokens. Sauf que ces tarifs bougent tous les mois. Les figer dans Webflow, c'est un tableau faux en quelques semaines et un argument de transparence qui se retourne contre la marque. J'ai donc monté un petit service déployé sur Vercel qui récupère les tarifs des fournisseurs par API et alimente la page en direct. La promesse tient toute seule, sans que personne ait à maintenir un tableau à la main.
Le produit
Au-delà du site, deux chantiers côté produit : un audit UX de l'application existante, puis les maquettes d'une nouvelle interface. Un espace de travail par projet, des assistants spécialisés, une bibliothèque de prompts, le choix du modèle en un clic. Light mode, accents orange, hiérarchie calme : la même identité du logo à l'écran de chat. L'objectif était que l'IA y ressemble à un collègue outillé, pas à une boîte noire.
Le résultat
Une marque cohérente du logo à l'interface, déclinée sur le site Webflow avec un parcours pensé pour des décideurs prudents, et livrée avec son guide de marque pour que l'équipe la fasse vivre. Positionnement, identité, site et produit, d'un seul tenant.