Les outils comme Lovable rendent la création d’applications plus accessible, mais la transition vers des environnements de développement comme Cursor reste complexe. L'installation des dépendances, la configuration des projets et l'utilisation du terminal créent des frictions importantes, notamment pour les profils non techniques.
Actions
Conception de l’expérience UX/UI complète d’Openable, de l’interface produit à la landing page marketing. Le travail a consisté à simplifier des workflows techniques liés au développement local afin de permettre l’import, le lancement et la gestion de projets sans utilisation du terminal, dans une expérience centralisée connectée à GitHub.
Résultats
Openable fluidifie le passage entre les outils de génération IA et les environnements de développement avancés. Le produit simplifie la gestion des projets, réduit la complexité technique et renforce la cohérence de l’écosystème Wunderlabs autour du développement assisté par IA.
Le contexte
Avec l’essor des outils de génération d’applications par IA comme Lovable, de plus en plus d’utilisateurs non techniques peuvent désormais créer des projets web sans écrire de code complexe. Cependant, dès qu’il devient nécessaire de reprendre un projet dans un environnement plus avancé comme Cursor, le workflow se fragmente rapidement.
Les utilisateurs doivent installer Node.js, manipuler le terminal, gérer les dépendances, comprendre la structure d’un projet ou encore configurer des variables d’environnement. Ces étapes représentent une forte friction, particulièrement pour des profils qui souhaitent simplement continuer à développer ou modifier leur projet.
Openable a été conçu pour supprimer cette barrière technique et créer un pont fluide entre les plateformes de génération IA et les outils de développement professionnels. L’objectif était de rendre des workflows historiquement techniques accessibles à des utilisateurs qui ne maîtrisent pas forcément l’environnement de développement traditionnel tout en permettant à des initiés d’accélérer leurs processus.
Les objectifs
Le projet avait pour ambition de simplifier l’ensemble du workflow entre génération IA et développement local.
Pour cela, plusieurs objectifs ont guidé la conception :
fluidifier la transition entre Lovable et Cursor
supprimer la dépendance au terminal et aux commandes techniques
simplifier l’installation et la configuration des projets
centraliser la gestion des projets dans une seule interface
rendre le développement local accessible à des profils non techniques
créer une expérience cohérente au sein de l’écosystème Wunderlabs
En parallèle, la landing page devait permettre de présenter clairement la proposition de valeur du produit et mettre en avant la simplicité de l’expérience utilisateur.
Mon rôle
Sur ce projet, j’ai conçu l’ensemble de l’expérience UX/UI d’Openable ainsi que la landing page de présentation du produit.
Mon travail a consisté à structurer des workflows complexes en une expérience simple, rassurante et intuitive. J’ai notamment travaillé sur les flows d’import de projets GitHub, les états du dashboard, les systèmes de feedback utilisateur, les parcours de configuration ainsi que la hiérarchisation des actions clés.
Une attention particulière a été portée à la réduction de la complexité perçue. L’interface devait permettre à des utilisateurs non techniques de lancer un projet localement, installer automatiquement les dépendances et ouvrir leur environnement de travail en quelques clics seulement. Pour se faire, la lecture de la hiérarchie des informations a été optimisée, un minimum de clic a été envisagé et des messages explicatifs ou informatifs guident l’utilisateur sur l’ensemble du parcours.
J’ai également travaillé sur les fondations visuelles et UX permettant d’assurer une cohérence avec les autres produits de l’écosystème Wunderlabs. Une fois la phase de conception terminée, le produit a ensuite été développé par l’équipe technique.
L’écosystème et le design system
Openable s’intègre dans Wunderlabs, un écosystème d’outils conçu pour fluidifier les workflows liés au développement assisté par IA.
Le produit partage les mêmes fondations UX et visuelles que les autres outils de l’écosystème afin de garantir une continuité d’expérience entre les différentes plateformes. Cette approche permet aux utilisateurs de naviguer naturellement d’un produit à l’autre sans rupture dans les usages ou les interactions.
Le design system repose sur une logique de composants réutilisables, de design tokens et de comportements cohérents entre les interfaces. Cette structure permet non seulement d’accélérer la conception et le développement, mais aussi de poser des bases solides pour la scalabilité future de l’écosystème.
L’expérience a également été pensée autour de principes UX très clairs : simplicité, visibilité des états, feedback immédiat et accessibilité pour des utilisateurs peu techniques.
Les résultats
Openable transforme des étapes techniques complexes en une expérience beaucoup plus fluide et accessible.
Le produit permet notamment :
d’importer facilement des projets depuis GitHub
d’installer automatiquement les dépendances sans utiliser le terminal
de lancer des projets localement en quelques clics
d’ouvrir directement les projets dans Cursor
de gérer plusieurs projets depuis un dashboard centralisé
de synchroniser les modifications avec GitHub simplement
D’un point de vue produit, Openable apporte également plusieurs bénéfices stratégiques :
réduction des frictions liées au développement local
accessibilité accrue pour des profils non techniques
renforcement des connexions entre les outils Wunderlabs
création d’un workflow plus cohérent autour du développement assisté par IA
Conclusion
Openable transforme une suite d’étapes techniques fragmentées en une expérience fluide et centralisée.
En supprimant la nécessité d’utiliser le terminal ou de configurer manuellement un environnement de développement, le produit rend des workflows avancés accessibles à un public beaucoup plus large.
À travers son intégration dans l’écosystème Wunderlabs, Openable participe à la création d’un environnement de développement assisté par IA plus unifié, où les outils collaborent naturellement entre eux pour simplifier l’expérience utilisateur.
