– Plateforme Saas – Datadocs

Conception d’une plateforme Saas Groupe Lempereur / Datadocs Ux/Ui design Résultat : un outil SaaS ergonomique et fiable, adopté par les équipes du Groupe Lempereur pour centraliser et gérer efficacement les dossiers clients. Ce projet a permis de réduire les erreurs de saisie, d’accélérer le traitement des dossiers et d’offrir une expérience plus fluide aux utilisateurs internes. Du brief initial à la livraison du design final, j’ai accompagné Datadocs dans la conception de l’interface et du design system complet de cette solution, pensée pour répondre aux besoins d’un réseau de concessionnaires automobiles. Contexte Entreprise Groupe Lempereur est un acteur majeur de la distribution automobile multimarque, avec plusieurs concessions réparties en France. Datadocs, partenaire digital, développe des solutions SaaS pour optimiser la gestion documentaire des professionnels. Equipe L. Mequinion – DirigeantB. Bailleux – Dirigeant Missions Designer UX-UI Concevoir une interface intuitive pour des utilisateurs non techniques. Créer un design system complet pour assurer la cohérence graphique. Simplifier l’accès et la gestion des dossiers clients. Cibles Utilisateurs internes (équipes administratives et commerciales). Responsables de concession ayant besoin d’un suivi rapide et précis. 01 Brief Quand Datadocs m’a contacté, le groupe Lempereur faisait face à un problème classique dans les grandes organisations : une organisation hybride entre processus papier et outils digitaux. Cet ensemble peu intuitif freinait le travail quotidien des équipes. Leur ambition était claire : créer une plateforme SaaS fluide, moderne et pensée pour les besoins spécifiques de leur réseau de concessions. Mon rôle a été d’accompagner Datadocs de la phase de cadrage jusqu’au design final, en passant par la création d’un design system complet. Ce travail a permis d’aboutir à un produit adopté rapidement par les équipes, réduisant les erreurs et accélérant la gestion des dossiers. 02 Workflow du projet​ • Atelier d’architecture de la plateforme • Création des premiers wireframes en atelier • Définition d’un design system en cohérence avec la marque. • Création des maquettes. • Création des interactions entre les différents types de profils. • Prototype de l’ensemble des fonctionnalités. 03 Atelier architecture – Wireframe Avec l’équipe de Datadocs, nous avons commencé par un atelier d’architecture, où nous avons listé l’ensemble des fonctionnalités essentielles. Puis, nous avons organisé l’information et défini les différents parcours clés. Nous avons ensuite validé la structure et la navigation des pages en réalisant des wireframes. 04 Conception du design system La création du design system a été un moment clé : couleurs, typographies, icônes et composants réutilisables. Ce socle visuel garantit aujourd’hui une expérience homogène sur toutes les pages de la plateforme et simplifie les futures évolutions. 05 Design – Prototype Une fois les fondations posées, nous avons conçu les maquettes haute fidélité. Chaque maquette, une fois finie, était transmise à l’équipe projet pour validation. Une fois toutes les maquettes créées et validées par l’équipe, j’ai réalisé un prototype interactif que nous avons testé auprès des utilisateurs. Ces retours nous ont permis d’ajuster certains détails avant la livraison finale. Résultats La nouvelle plateforme SaaS a été rapidement adoptée par les équipes. Les bénéfices concrets : Une navigation plus intuitive qui réduit la courbe d’apprentissage. Une forte diminution des erreurs de saisie et de communication. Un gain de temps sensible dans le traitement des dossiers. Au-delà des chiffres, le vrai succès a été de voir les utilisateurs dire : “On a enfin un outil qui travaille avec nous, pas contre nous. » Et si c’était votre projet ? Vous dirigez une PME ou un service marketing et vous envisagez de créer ou refondre une plateforme SaaS ? Je vous aide à transformer vos besoins métier en une expérience utilisateur fluide et engageante. Me contacter Envie de découvrir d’autres réalisations Application et site internet – Socrate Refonte site e-commerce – Trenois Decamps Ajout d’un fonctionnalité parrainage – Algar Charte graphique – Promium

Application & Site internet – Socrate éducation

Création de l’application et du site internet Socrate éducation Ux/Ui design Nous avons conçu et prototypé une application mobile et son interface web pour Socrate, un réseau social innovant dédié au partage de connaissances. L’objectif : offrir aux entreprises une solution clé en main pour valoriser les compétences internes et stimuler l’intelligence collective. Ce double support – application et site internet – a été pensé pour maximiser l’accessibilité et l’engagement, tout en posant les bases d’une identité de marque forte et cohérente. Dès le départ, nous avons intégré un processus d’amélioration continue afin d’optimiser chaque fonctionnalité et garantir une expérience utilisateur fluide et intuitive. Contexte Entreprise Socrate est une jeune entreprise, fondée en 2018, qui propose une plateforme de partage de connaissances pour les entreprises. Grâce à un système de mise en relation entre “disciples” (apprenants) et “mentors” (enseignants), la solution favorise la montée en compétences, l’entraide et la diffusion du savoir en interne. Equipe T. Jabbour – CEO de SocrateV. Montagne – COO de SocrateC. Nancelle – Developpeur BackendV. Dondaine – Responsable infrastructure Missions Designer UX-UI – Graphiste Définition du périmètre fonctionnel Création du design system complet Conception graphique et design d’interface Élaboration de l’identité de marque Optimisation marketing et cohérence visuelle   Cibles  Étudiants et jeunes actifs désireux d’apprendre de nouvelles disciplines (disciples) Étudiants et jeunes actifs souhaitant partager leurs savoirs (mentors) Entreprises cherchant à capitaliser sur les compétences internes de leurs collaborateurs 01 Brief Dès le brief, nous avons identifié les deux profils majeurs de la plateforme et listé toutes les fonctionnalités nécessaires : Profil utilisateur (mentor/disciple) Fil d’actualité (Agora) Messagerie instantanée Réservation de cours Partage de documents Paramètres de confidentialité Gestion des litiges Landing page de présentation 02 Workflow du projet​ La conception de l’application et du site internet Socrate a suivi un workflow structuré permettant d’avancer rapidement tout en garantissant la qualité :   Architecture et wireframes : définition des parcours et hiérarchisation des contenus. Création du design system : bibliothèques de composants et règles graphiques pour une cohérence parfaite. Maquettes de l’application mobile : intégration de toutes les fonctionnalités, de la messagerie au partage de documents. Adaptation pour le site internet responsive : optimisation de l’expérience sur desktop et mobile. Prototype fonctionnel : pour valider les interactions et faciliter le développement. Amélioration continue : ajustements ergonomiques en fonction des retours utilisateurs et du mentorat UX.   03 Atelier architecture – Wireframe Nous avons commencé  ce projet par un atelier collaboratif, afin de définir les pages essentielles. Nous avons identifié trois zones clés : L’Agora (fil d’actualité) pour la diffusion de contenus La création de contenus et de cours pour dynamiser la communauté Les profils utilisateurs (mentor/disciple) pour personnaliser l’expérience En adoptant une approche mobile first, nous avons priorisé les usages les plus fréquents sur smartphone, avant d’adapter la navigation au site internet. Les wireframes ont permis de tester rapidement les idées, de valider les parcours et de réduire les risques d’erreurs coûteuses lors du développement. 04 Conception du design system À la suite des étapes d’architecture et de wireframes, j’ai réalisé une bibliothèque de composants (design system) afin de garantir la cohérence graphique entre l’application et le site internet, et faciliter le travail des développeurs. 05 Design – Prototype Création des maquettes haute fidélité Définition des interactions et micro-animations Adaptation du design pour le site internet responsive Prototype complet pour anticiper le développement et valider l’ergonomie Résultats Lancement d’une application mobile et d’un site internet prêts à l’intégration Expérience fluide et cohérente sur tous les supports Interface adaptée aux différents profils utilisateurs (mentor/disciple) Création de plus de 700 maquettes optimisées et accessibles Base solide pour un développement agile et évolutif Une interface de création et d’ajout de contenu (PDF, texte, image et vidéo). Et si c’était votre projet ?​ Vous dirigez une PME ou un service marketing et vous envisagez de créer ou refondre une application ou un site internet ? Je vous aide à transformer vos besoins métier en une expérience utilisateur fluide et engageante. Me contacter Envie de découvrir d’autres réalisations Plateforme Saas – Datadocs Refonte site e-commerce – Trenois Decamps Ajout d’un fonctionnalité parrainage – Algar Charte graphique – Promium

Refonte site e-commerce – Trenois Decamps

Refonte site e-commerce Trenois Decamps Ux/Ui design Nous avons réalisé une refonte complète du site e-commerce de l’enseigne, visant à améliorer son design et sa structure. Cette transformation visuelle et structurelle passait notamment par une nouvelle identité de marque plus moderne et cohérente, ainsi qu’une réorganisation intuitive de la navigation pour offrir une meilleure expérience utilisateur.  Parallèlement, nous avons amélioré l’ensemble des fonctionnalités clés du site, comme la barre de recherche qui représentait l’un des principaux points bloquants lors des tests utilisateurs. Enfin, nous avons mis en place des animations commerciales régulières pour attirer de nouveaux leads et fidéliser les clients existants. L’entreprise Trenois Decamps est un acteur majeur de la quincaillerie professionnelle en France. Avec plus de 60 agences sur la partie Est, l’entreprise propose ses services à tous les corps de métier du bâtiment. Equipe Bertrand L. – Chef du pôle communication & marketingFrédéric T. – Product ownerPierre D. – Développeur full stackYassine Z. – Développeur front endHugo V. – Développeur front-end Missions Designer UX-UI• Définition du périmètre• Création du design system• Graphisme• Design d’interface• Marketing et image de marque• Évolution des fonctionnalités Cibles • Artisans clients de Trenois Decamps • Grands comptes clients de Trenois Decamps Brief Lors de ce brief, nous avons commencé par évaluer les changements devant être effectués pour le nouveau site. Les entretiens utilisateurs nous ont révélé les principaux points bloquants de l’ancien site. Le principal défaut se portait notamment sur la recherche, qui ne produisait pas les résultats souhaités. Ensuite, nous avons listé l’ensemble des nouvelles fonctionnalités à ajouter sur la nouvelle plateforme. Enfin, nous avons imaginé une identité visuelle nouvelle pour représenter la marque. Workflow du projet e-commerce •Interviews utilisateurs • Refonte de la partie graphique du site internet (version desktop et mobile) sur la base des maquettes fournies par Wexperience. • Définition d’un design system en cohérence avec la marque. • Adaptation des maquettes avec les contraintes liées au métier. (Redéfinir le zoning des cartes de recherches, effectuer des recherches sur les habitudes utilisateurs). • Création du compte client et des pages institutionnelles. • Amélioration du tunnel de vente. • Prototype de l’ensemble des fonctionnalités. • Favoriser l’accessibilité en optimisant les pratiques UX/UI et en implémentant une solution d’accessibilité numérique. • Optimisation de l’interface des services sur mesure et de son référencement. Création du design system Avant de commencer le projet, nous avons identifié les besoins. Nous avons ensuite étudié l’ensemble des sections à retravailler et des problématiques auxquelles la société faisait face. Dans un second temps, j’ai réalisé une bibliothèque de composants (design system) pour pouvoir mettre en place et expliquer aux développeurs l’ensemble des composants récurrents et leurs interactions. Puis, j’ai créé les wireframes section par section (maquettes de brouillon) avant de réaliser les versions haute-fidélité. En tout, ce n’est pas moins de 600 maquettes qui ont été réalisées et intégrées. Résultats • Une recherche améliorée. • Une interface personnalisée aux besoins de l’utilisateur par l’ajout de recommandations de produits. • Un parcours d’achat simplifié avec l’ajout de nouvelles fonctionnalités comme l’abonnement. • Plus de 600 maquettes prototypées et mises en page de façon plus ergonomique et accessible. Besoin de plus d’informations ? Contactez-moi Vous souhaitez me parler de votre projet, vous voulez savoir si l’on peut travailler ensemble ou vous souhaitez simplement plus d’informations.N’hésitez pas à me contacter via le bouton ci-dessous. Me contacter Envie de découvrir d’autres réalisations Application et interface web – Socrate Plateforme Saas – Datadocs Ajout d’un fonctionnalité parrainage – Algar Charte graphique – Promium

Bla Bla

Présentation Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Role Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Equipe Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Objectifs Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Ajout d’une fonctionnalité parrainage – Algar

Ajout d’une fonctionnalité parrainage Algar Ux/Ui design Le design de cette nouvelle fonctionnalité de parrainage a permis d’améliorer la visibilité de cette option sur la plateforme et de simplifier son utilisation, incitant davantage d’utilisateurs à parrainer. Grâce à une approche de gamification claire et motivante, les clients satisfaits sont devenus de véritables ambassadeurs, contribuant à générer plus de recommandations et à soutenir l’acquisition de nouveaux prospects — le tout sans altérer l’image de marque existante. Contexte Entreprise Algar est une société française spécialisée dans la réalisation de permis de construire, accompagnant ses clients de A à Z : Élaboration des plans Gestion administrative Obtention du permis de construire Cette expertise séduit aussi bien les particuliers que les professionnels de l’urbanisme. Equipe Aurélien D.N. – FondateurAxel D. – Product owner Missions Designer UX-UI En tant qu’UX/UI Designer, mon rôle a été de : Définir le périmètre fonctionnel et cadrer les besoins avec l’équipe. Concevoir les wireframes et valider l’ergonomie de la fonctionnalité. Réaliser le design d’interface en cohérence avec l’identité visuelle et les enjeux marketing. Cibles Particuliers cherchant à simplifier l’obtention de leur permis de construire. Professionnels en lien avec l’urbanisme : promoteurs, enseignes commerciales, architectes… 01 Brief Créer une fonctionnalité de parrainage : Système de gamification : plus un client parraine, plus les gains sont importants. Visibilité renforcée : mise en avant sur le tableau de bord avec les gains potentiels clairement affichés. Simplicité d’usage : partage direct via réseaux sociaux ou lien à copier-coller. Motivation continue : affichage des prochains paliers de gains pour encourager le parrainage. 02 Workflow du projet​ Analyse des besoins avec le client et l’équipe produit. Wireframing pour structurer le parcours utilisateur et optimiser la navigation. UI Design avec intégration des éléments de gamification. Préparation des livrables pour l’équipe de développement. Et si c’était votre projet ? Vous dirigez une PME ou un service marketing et vous envisagez de créer ou refondre une plateforme SaaS ? Je vous aide à transformer vos besoins métier en une expérience utilisateur fluide et engageante. Me contacter Envie de découvrir d’autres réalisations Application et site internet – Socrate Refonte site e-commerce – Trenois Decamps Plateforme Saas – Datadocs Charte graphique – Promium