Follow Me:
Mixoo (Projet réalisé chez Ikadran)
Conception UI/UX d'une Application Web & Optimisation d'Onboarding
Design d'Interface SaaS, Logiciel Web App & Systèmes Interactifs
Mixoo est une plateforme Web App innovante pour laquelle j’ai conçu l’intégralité de l’expérience utilisateur et de l’interface graphique durant mon stage au sein de l’agence Ikadran. Le cœur de ce projet reposait sur la création d’un entonnoir (funnel) d’onboarding hautement interactif et sur-mesure.
L’objectif principal était de simplifier au maximum un parcours de configuration initial technique et dense (choix des objectifs, estimation du nombre de pages nécessaires, sélection de thèmes visuels et d’options de marketing) afin de le transformer en un configurateur pas-à-pas fluide, engageant et optimisé pour la conversion.
La stratégie UI/UX globale visait à maximiser l’inscription des utilisateurs (SaaS activation) en réduisant la charge cognitive liée à la création et à la tarification d’un projet en ligne :
• Concevoir un tunnel d’onboarding dynamique et gamifié structuré en 5 étapes clés (Activité, Objectifs, Pages, Options, Marketing).
• Intégrer un système de tarification et de devis en temps réel (Dynamic Pricing Sidebar) visible à l’écran pour rassurer l’utilisateur sur son budget.
• Créer un système de sélection de thèmes et de gabarits (templates) ultra-visuel pour projeter instantanément le client dans son futur espace.
• Garantir une réactivité technique parfaite et une adaptabilité totale en Responsive Design (Mobile First).
Ce projet m’a permis de pousser les fonctionnalités avancées de Figma pour concevoir une logique applicative (SaaS) rigoureuse et centrée sur l’utilisateur.
• Architecture de l’Onboarding & UX Research : Analyse fine des flux d’utilisateurs (User Flows) pour séquencer les questions de manière logique. Chaque étape a été pensée pour éviter l’abandon, notamment grâce à des cartes interactives épurées pour la sélection des pages du site (Welcome, Services, Contact, etc.).
• Direction Artistique & UI Design : Choix d’une charte graphique moderne, technologique et rassurante, utilisant une base de blanc épuré et des accents bleu vif pour guider le regard vers les boutons d’action (CTA « Next »). Les icônes et les cartes d’options ont été vectorisées pour offrir une lisibilité optimale.
• Prototypage Avancé & Responsive Design : Développement de maquettes haute fidélité pour ordinateurs et smartphones, assurant une parfaite transition des éléments sur écrans mobiles. Utilisation poussée de l’auto-layout et des composants dynamiques sur Figma pour simuler le comportement exact de l’application web finale.
• Maquettes haute fidélité Desktop & Mobile du configurateur et de l’Onboarding complet.
• Design System applicatif complet (styles d’états : sélectionné, survolé, inactif, boutons de navigation).
• Prototype interactif simulant le calcul dynamique des prix et le changement d’étapes.
• Documentation des flux UX de l’application pour l’équipe de développement d’Ikadran.
