Product Design · IA générative · UX/UI

S’orienter plus facilement dans l’IA créative.

Pandorra.ai réunit la génération d’images, de vidéos, d’audio et d’autres capacités de création par IA dans un seul produit. Ma contribution porte sur les patterns d’interface et les parcours qui aident les utilisateurs à trouver les bons outils, à faire des choix et à créer avec moins de friction.

Voir le projet en ligne, Pandorra.ai, s’ouvre dans un nouvel onglet

Client / produit: Pandorra.ai
Rôle: Product Designer / UX/UI Designer (collaboration freelance)
Statut: En cours
Plateforme: Application web
Collaboration: Équipes produit, design et développement
Périmètre: Une sélection de travaux de design produit et d’interface ; pas la responsabilité de l’ensemble du produit

01 / Product design

Pandorra.ai

Plateforme créative IA

01 / Le contexte

Plus les capacités sont puissantes, plus les choix se compliquent.

Une plateforme d’IA multi-outils multiplie les points d’entrée, les modes de création, les réglages et les types de résultats. Il faut savoir ce que fait un outil, quel workflow choisir et à quoi s’attendre une fois l’action lancée. J’ai lu l’expérience comme une suite de décisions :

La suite de décisions

Découvrir un outil
Comprendre ce qu’il demande
Créer
Examiner le résultat
Décider de la suite

02 / Le produit en ligne

Une entrée unique pour de nombreux outils.

Pandorra.ai est en ligne et continue d’évoluer : l’interface de pandorra.ai fait foi, et chaque écran de cette page porte sa date. En août 2026, Explore présentait les outils de création côte à côte : une barre latérale pour les outils et le compte, une bannière mise en avant, les entrées des outils et une galerie de scènes prédéfinies.

Produit en ligne · capture d’août 2026Explore tel qu’il était en ligne en août 2026 (pandorra.ai/explore, importé dans le fichier de design) ; l’avatar du compte est masqué. L’interface actuelle peut différer.

03 / La question de design

Comment rendre évidente la prochaine action utile ?

Personne ne devrait avoir à deviner si un bouton lance un essai gratuit, une génération, un exemple ou un téléchargement. Des libellés clairs, un feedback qui fonctionne et des transitions prévisibles comptent autant que la mise en page.

04 / Revue et décisions

Quatre observations, quatre décisions.

Une revue de l’écran Explore tel qu’il était en ligne en août 2026 a relevé les endroits où l’interface manquait de clarté. Chaque observation est reliée à un repère sur cette capture et à la décision qu’elle a entraînée ; toutes quatre sont des recommandations, encore à vérifier sur l’interface actuelle.

Navigation entre les outilsSur mobile, certaines destinations de cette barre latérale étaient inaccessibles faute d’un menu replié.
Entrées des outils et leurs actionsChaque carte lance un workflow différent ; la revue demandait des états, des indications et des actions cohérents.
Libellés en plusieurs languesUne interface en français où les ressources IA gardent des noms anglais.
Appels à l’action« Créer gratuitement » promettait la gratuité au lieu de nommer l’action ; les invitations à passer à l’offre supérieure côtoient les outils.

Observations de la revue d’août 2026Où se situent les observations sur l’écran Explore.

Appels à l’action
Problème
« Créer gratuitement » promettait la gratuité au lieu de nommer l’action ; « Voir des exemples » ne faisait rien.
Décision de design
Des libellés orientés action : « Commencer à créer ».
Preuve visuelle
Repère 4.
Résultat · statut
Recommandation, revue d’août 2026 · à vérifier sur l’interface actuelle.
Navigation aux petites largeurs
Problème
Certaines destinations de la barre latérale étaient inaccessibles sur mobile.
Principe UX
Recognition rather than recall (s’ouvre dans un nouvel onglet, en anglais) · Nielsen Norman GroupLa recommandation suit ce principe : les destinations restent visibles, pas mémorisées.
Décision de design
Un menu compact avec les mêmes destinations que sur desktop.
Preuve visuelle
Repère 1.
Résultat · statut
Recommandation, revue d’août 2026 · à vérifier sur l’interface actuelle.
Après la génération
Problème
Pas d’aperçu sans téléchargement ; les générations échouées n’avaient pas d’action de suppression.
Principe UX
Visibility of system status (s’ouvre dans un nouvel onglet, en anglais) · Nielsen Norman GroupLes états du composer sont le feedback que le générateur doit : ce qu’il fait, ce qui s’est passé.
Décision de design
Un aperçu avant téléchargement, un état lisible, une action de suppression pour les échecs ; les états du composer sont documentés dans le design system.
Preuve visuelle
Repère 2 · prompt composer, section 05.
Résultat · statut
Recommandation, revue d’août 2026 · états documentés dans le design system v1.0 · à vérifier sur l’interface actuelle.
Langue et cohérence
Problème
Une interface en français avec des noms anglais sur les ressources IA.
Principe UX
Consistency and standards (s’ouvre dans un nouvel onglet, en anglais) · Nielsen Norman GroupLa recommandation suit ce principe : une action, un mot, d’un outil et d’une langue à l’autre.
Décision de design
Une seule langue par interface.
Preuve visuelle
Repère 3.
Résultat · statut
Recommandation, revue d’août 2026 · à vérifier sur l’interface actuelle.

Refonte d’Explore, direction finale : barre latérale avec les groupes Créer, Bibliothèque et Ressources, titre « Create content that sells with AI », le prompt composer au centre et cinq suggestions de prompt — Exploration de design antérieure · Explore, direction finaleDirection finale de l’exploration d’Explore, dessinée après la capture d’août 2026 : le générateur au centre, une barre latérale pensée navigation d’abord, des presets de prompt. Fichier de design, pas l’interface en ligne.

05 / Un système pour un produit multi-outils

Un système, de nombreux outils.

Le design system documente les fondations, les boutons, la navigation, les champs, le prompt composer et les états de feedback derrière le travail sur Explore, dessinés en 2026 après la capture d’août. Documentation du fichier de design : ni l’interface en ligne, ni une mesure d’adoption.

Design system Pandorra.ai, fondations : tokens de couleur du fond à l’info, échantillons typographiques, échelle d’espacement, rayons et effets — Exploration de design antérieure · design system v1.0Tokens de couleur, typographie et espacements du système en mode sombre (v1.0 · Explore).

Design system Pandorra.ai, prompt composer : six états de la carte du générateur, du vide à la génération et à l’erreur — Exploration de design antérieure · prompt composerLes états du générateur, réutilisés pour l’image, la vidéo, l’avatar et l’audio : vide, rempli, actif, en génération, erreur, désactivé.

06 / Onboarding et première création

De la bienvenue à la première image en trois étapes.

Un onboarding freemium exploré en 2026, en versions v1 à v1.3 (la v1.3 suit la spécification de juillet 2026) : bienvenue, usage, première image, résultat, offre. Des propositions de design avec notes de développement, non confirmées en ligne.

Onboarding étape 1, bienvenue : titre « Crée ta première image en quelques secondes », trois promesses et le bouton « Créer ma première image » — Exploration de design antérieure · Freemium v1.3Étape 1 · Bienvenue : une phrase, aucun montage, trois images offertes.

Onboarding étape 2, usage : quatre cartes (réseaux sociaux, marketing B2B, e-commerce, formation) avec marketing B2B sélectionné — Exploration de design antérieure · Freemium v1.3Étape 2 · Usage : quatre contextes qui personnalisent les presets.

Onboarding étape 3, première création : le prompt composer avec un exemple de prompt, le bouton de génération et cinq presets — Exploration de design antérieure · Freemium v1.3Étape 3 · Première image : le prompt composer avec des presets comme points de départ.

Propositions de design issues du fichier, 2026 · non confirmées en production · aucune donnée d’usage.

Collaboration.

J’interviens à la croisée de la réflexion produit, du design visuel et de la faisabilité technique, au sein d’une équipe plus large ; les résultats en développement, produit et croissance appartiennent à cette équipe. Les évolutions visibles dans le produit en ligne sont le travail de toute l’équipe et ne sont pas toutes les miennes.

Résultats et preuves.

Statut

Une revue documentée (août 2026) avec des recommandations pour des textes plus clairs, la navigation mobile et les workflows de génération ; le statut de déploiement et l’impact mesuré de chaque recommandation restent à confirmer sur l’interface actuelle.

Ce que j’ai appris.

Concevoir un produit d’IA ne consiste pas à exposer plus de fonctionnalités, mais à rendre le comportement du système compréhensible : quelle action est disponible, ce qu’elle fait, dans quel état se trouve le produit, ce qui vient ensuite.