mockup-SelfServe

👩🏽‍💻 Projet SelfServe – Outil interne

Contexte :

La start-up Buybox a développé SelfServe, un outil interne dédié à d’intégration et à la maintenance de projets SaaS.
Il a considĂ©rablement facilitĂ© le travail de l’Ă©quipe intĂ©gration, mais au fil du temps, son usage s’est complexifiĂ© : entre ajouts techniques successifs, perte de cohĂ©rence visuelle et un moteur de recherche peu ergonomique.
Ces constats ont révélé plusieurs axes d’amélioration UX/UI sur lesquels j’ai pu intervenir en logique d’évolution continue et avec l’ambition d’en créer une version ouverte au public.

Problématiques identifiées

  • Emails transactionnels : intĂ©gration codĂ©e en dur, lente, sujette aux erreurs et difficile Ă  maintenir.
  • Moteur de recherche : rĂ©sultats peu pertinents, hiĂ©rarchie confuse et difficile Ă  exploiter.
  • Interface et expĂ©rience utilisateur : ajouts de fonctionnalitĂ©s techniques sans considĂ©ration de la cohĂ©rence UX/UI.

 

Objectifs :

  • Simplifier et accĂ©lĂ©rer la gestion des emails grâce Ă  une interface d’édition claire et personnalisable.
  • Rendre le moteur de recherche plus performant, Ă  la fois par l’ajout de mots-clĂ©s pertinents et par une meilleure organisation des donnĂ©es.
  • AmĂ©liorer la cohĂ©rence visuelle et la lisibilitĂ© des nouvelles fonctionnalitĂ©s.
  • ĂŠtre force de proposition pour faire Ă©voluer l’outil tant en design qu’en expĂ©rience utilisateur.

💡Missions menées :

  • Module email : conception de maquettes haute fidĂ©litĂ© d’un Ă©diteur d’emails intĂ©grĂ© Ă  SelfServe, avec prĂ©visualisation et design responsive.
  • RĂ©organisation des “rules” : analyse et regroupement de plus de 2 000 entrĂ©es dans des catĂ©gories logiques et exploitables au quotidien par l’équipe d’intĂ©gration grâce Ă  la mĂ©thode UX du tri de cartes.
  • AmĂ©lioration du moteur de recherche : dĂ©but de travail sur l’ajout de mots-clĂ©s pertinents pour affiner les rĂ©sultats.
  • Design system : Proposition faite Ă  l’Ă©quipe IT pour harmoniser la cohĂ©rence visuelle des diffĂ©rents outils.
  • Proposition UI et UX globale : crĂ©ation d’une maquette exploratoire en vue d’une future refonte complète de SelfServe, centrĂ©e non seulement sur le design mais surtout sur l’ergonomie.

 

🚀 Résultat / Impact

Ces travaux ont permis de poser les bases d’une réflexion plus large sur l’amélioration continue de SelfServe, tout en valorisant l’importance du design et de la logique UX dans les processus internes.
Même si certaines propositions sont restées au stade de maquette, elles ont ouvert la voie à une vision produit plus structurée, efficace et centrée sur les utilisateurs internes.

 

Technos & outils :

Figma · SelfServe . Tri de cartes

1. Emails transactionnels [vers un module d’édition intégré]

Les emails transactionnels étaient codés en dur, ce qui rendait leur intégration fastidieuse et source d’erreurs.
Chaque test nécessitait de passer par une commande fictive dans l’environnement sandbox. Ce processus manuel, long et répétitif, augmentait les risques d’erreurs, rendait les itérations très lourdes et ralentissait significativement le rythme de développement.
J’ai proposé un module intégré permettant d’éditer, de prévisualiser et de tester directement les emails dans SelfServe, une évolution majeure pour les intégrateurs.

Première proposition basée sur le design actuel de SelfServe
Seconde proposition avec une approche ergonomique plus intuitive
Maquette regroupant l’ensemble des emails, avec un filtre pour faciliter la recherche

Suite à ces propositions, il m’a paru évident d’offrir une nouvelle identité aux emails, avec un design plus moderne et épuré.

Email actuel
Proposition d'un design plus moderne

2. Catégorisation et moteur de recherche [ structurer pour mieux trouver ]

Lors de l’intégration, il était presque impossible de savoir où activer ou désactiver certaines rules sans les connaître au préalable.
J’ai dû créer ma propre documentation pour m’y retrouver, un symptôme clair d’un défaut d’expérience utilisateur.
J’ai commencĂ© un travail de fond pour trier et rĂ©organiser les rules, les regrouper en familles logiques, et introduire des mots-clĂ©s pertinents afin d’amĂ©liorer les rĂ©sultats de recherche. Lors de cette Ă©tape, j’ai dĂ©couvert qu’environ 1800 rules sur les 2646 Ă©taient obsolètes.
Cette réorganisation visait à rendre l’outil plus clair et intuitif pour toute l’équipe intégration.

Page regroupant les rules
Méthode du tri de cartes pour réorganiser les catégories

3. Nouvelle ergonomie et refonte visuelle [penser l’avenir de SelfServe]

La version actuelle de la plateforme repose sur un template préexistant et non pensée pour le projet. Résultat : la plateforme utilisée par les clients pour leurs tests techniques n’était pas alignée avec la nouvelle charte graphique et souffrait d’un manque d’ergonomie. J’ai proposé une maquette exploratoire repensant structure, espaces et hiérarchie visuelle.

Aperçu de l'écran actuel
Proposition d’amélioration UX/UI

✨ Conclusion

Ces trois axes d’amélioration traduisent une démarche continue d’analyse, de structuration et de design au service de la performance et du confort d’utilisation.
Au-delà des maquettes, ce projet illustre ma capacité à comprendre les contraintes techniques, identifier les points de friction et proposer des solutions concrètes pour faire évoluer un outil complexe.