Illuin Technology

Portail employé d’accès aux agents IA

2025

SaaS
Conception UX
Conception UI

Design sprint de 7 jours pour concevoir un prototype cliquable et un UI Kit complet

Illuin souhaitait concevoir une première version fonctionnelle d’un portail permettant à chaque collaborateur d’accéder facilement à ses agents IA. En 7 jours, Wolfox a cadré l’expérience, conçu l’interface, construit une nouvelle direction artistique complète et livré un prototype cliquable prêt à être intégré.

Contexte  🎯

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Intervention sur la plateforme existante  🚧

chiffre un dans cercle bleu clair
This is some text inside of a div block.
chiffre deux dans cercle bleu clair
This is some text inside of a div block.
chiffre trois dans cercle bleu clair
This is some text inside of a div block.
chiffre quatre dans cercle bleu clair
This is some text inside of a div block.
chiffre cinq dans cercle bleu clair
This is some text inside of a div block.
chiffre six dans dans bulle bleu clair
This is some text inside of a div block.

Problématiques

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Problématiques

Concevoir une expérience utilisable aussi bien par des utilisateurs avancés (innovation, tech niveau 7) que par des profils support (niveau tech 3), tout en assurant une prise en main simple et intuitive.
Développer une UI moderne, professionnelle et distincte, cohérente avec l’ADN d’Illuin, tout en repartant complètement de zéro pour construire un UI Kit modulaire et scalable.
Concevoir les parcours, créer la direction artistique, structurer le design system et produire un prototype cliquable en seulement 7 jours, tout en impliquant les équipes Illuin à chaque étape.

Contexte

Illuin développe des agents IA capables d’automatiser des tâches et d’accompagner les collaborateurs dans leurs missions quotidiennes. L’objectif du projet : créer un portail employé simple, moderne et adapté à des profils très variés, allant des early adopters technophiles aux fonctions support moins familières avec l’IA. La V1 devait se concentrer sur l’essentiel : proposer une expérience cohérente, immédiatement utile et prête à être intégrée par les équipes techniques.

Résumé du projet

Illuin Technology souhaitait concevoir une première version fonctionnelle d’un portail permettant à tous les collaborateurs d’accéder à leurs agents IA de manière simple, claire et sécurisée.
En une semaine, Wolfox a cadré l’expérience, défini les parcours essentiels, imaginé une direction artistique entièrement nouvelle et livré un prototype cliquable prêt à être intégré.

Contexte et enjeux

Un portail pour démocratiser les agents IA

Illuin développe des agents IA capables d’automatiser des tâches et d’assister les collaborateurs dans leur quotidien. Le portail devait rendre ces agents accessibles à des profils très différents, allant des early adopters technophiles aux équipes support beaucoup moins à l’aise avec l’IA.

Construire cette expérience a nécessité un travail poussé en Recherche UX et en Design UX :

Les enjeux clés

L’équipe devait créer une interface :

  • simple et immédiatement compréhensible pour les profils non techniques,
  • suffisamment flexible pour permettre des usages avancés,
  • alignée avec l’ADN d’Illuin,
  • et capable de structurer la vision produit autour d’un concept central : l’Agent.

Le tout, dans un délai extrêmement court : un sprint de 7 jours.

Notre approche

Un design sprint maîtrisé en 7 jours

Jour 1 — Cadrage et idéation

La première journée a permis d’aligner toutes les parties prenantes sur la vision, les objectifs et les priorités. Ensemble, nous avons clarifié les besoins des différents utilisateurs, défini le périmètre exact de la V1 et dégagé les parcours critiques.
Cet atelier a été particulièrement apprécié par Illuin : il leur a permis de formaliser des questions essentielles qu’ils n’avaient pas encore posées et d’affiner leur positionnement produit.

Jours 2–3 — Conception UX et prototype low-fidelity

Nous avons ensuite travaillé sur les principaux parcours : l’arrivée sur l’agent par défaut, la consultation du catalogue d’agents, la page de conversation, la gestion de l’historique ou encore l’upload de documents.
Ces écrans ont permis de construire un premier prototype low-fi, utile pour valider la structure globale et s’assurer que l’expérience restait fluide, quel que soit le niveau technique de l’utilisateur.

Jours 4–5 — Direction artistique et UI Kit

La direction artistique a été imaginée entièrement from scratch. Illuin disposait d’un ancien look & feel, mais la V1 nécessitait une approche plus moderne, structurée et modulaire.
Nous avons conçu un UI Kit complet en atomic design : une palette adaptée, des styles typographiques cohérents, des composants modulaires et une iconographie basée sur Google Material.
Les maquettes haute fidélité ont ensuite été intégrées directement dans le prototype afin d’aligner l’esthétique et l’usage.

Jours 6–7 — Itérations finales et livraison

Les derniers jours ont été consacrés à des itérations ciblées : ajustements sur la navigation, précisions sur le comportement des agents, améliorations du look & feel.
Nous avons livré un prototype cliquable haute fidélité, accompagné de notes de fonctionnement, du UI Kit complet et du fichier source .fig pour faciliter l’intégration technique.

Arbitrages UX et retours Illuin

Arbitrages UX structurants

Plusieurs décisions UX ont joué un rôle décisif dans la qualité de la V1.

D’abord, l’Agent est devenu l’élément pivot. Structurer toute l’expérience autour de ce concept a permis de simplifier l’arrivée dans l’outil et d’offrir un cadre mental clair, même pour les utilisateurs peu familiers avec l’IA.

Nous avons également choisi de réduire la complexité en ne retenant que les fonctionnalités essentielles. Les options plus avancées ont été volontairement mises de côté pour garantir une première version simple, stable et facilement appropriable.

Enfin, la direction artistique devait trouver un équilibre rare : être suffisamment neutre pour permettre une customisation client, tout en portant une signature visuelle identifiable comme “Illuin”. L’UI Kit a donc été conçu comme un socle modulaire, mais avec des codes graphiques précis qui affirment subtilement l’identité de l’entreprise.

Ce qu’Illuin a particulièrement apprécié

Illuin a beaucoup apprécié :

  • la richesse du cadrage, qui a mis en lumière des questions structurantes ;
  • le format design sprint, garantissant un livrable finalisé et testable au bout de 7 jours ;
  • la direction artistique, qui a su traduire leurs attentes tout en installant une identité cohérente et adaptable.

Ces retours ont confirmé la pertinence du processus et la qualité de la collaboration.

Les solutions livrées

Un prototype V1 prêt à être intégré

La V1 livrée contenait l’ensemble du périmètre défini en cadrage : agent par défaut, catalogue, interface de chat, historique, génération automatique des titres, transparence des sources, prise en compte des documents.
Tout a été pensé pour que la prise en main soit immédiate.

Une expérience adaptée à tous les profils

L’utilisateur sait toujours avec quel agent il interagit grâce à un contexte visuel clair. La navigation est lisible, organisée et volontairement peu profonde pour éviter la complexité.

Direction artistique & UI Kit

La direction artistique a été entièrement reconstruite.
L’UI Kit fournit un socle stable, modulable et facilement intégrable, en cohérence avec nos expertises en UI Design et en Design System :

Livrables Figma

Le fichier transmis comprend : le prototype interactif haute fidélité, les notes d’interaction, le UI Kit complet et le fichier source .fig. Tout a été pensé pour fluidifier le travail des développeurs.

Impacts et résultats

  • Prototype final livré en 7 jours, conforme au scope défini.
  • Fort enthousiasme des équipes Illuin, notamment pour la qualité du cadrage et la direction artistique.
  • Prototype immédiatement transmis à l’équipe de développement pour intégration.
  • Collaboration fluide et constructive tout au long du sprint.

Pourquoi ce projet est exemplaire

Ce projet illustre parfaitement :

  • la capacité de Wolfox à livrer un produit testable en un temps très court ;
  • la qualité du cadrage et des arbitrages UX ;
  • une direction artistique entièrement repensée mais fidèle à l’ADN du client ;
  • une vraie prise en compte de la diversité des utilisateurs ;
  • un design system robuste et utilisable immédiatement.

Nos dernières réalisations

Découvrez notre approche en pratique !
Découvrez nos réalisations

Contactez-nous

Une question ? N’hésitez pas à nous écrire !

🥳

Votre message a bien été envoyé !
La meute s'en occupe le plus vite possible
Il semble qu'il y ait une erreur, veuillez réessayer...