FRuggr
FRuggr
FRuggr
Entreprise
DIGITAL4BETTER
DURÉE
> 1 AN
Pôle service
PLATEFORME SAAS
B2B
OUTILS
Figma
Adobe CS
Organisation
Cette expérience, menée au sein de Digital4Better autour de la plateforme SaaS Fruggr, a consisté à structurer et élever la qualité de l’expérience complète du produit sur l’ensemble du cycle de conception.
En tant que seule product designer UI/UX et référente design, j’ai piloté tous les sujets liés à l’UX et à l’UI : cadrage, recherche, wireframes, design system, maquettes haute fidélité et prototypage interactif.
Mon rôle s’est articulé autour d’itérations rapprochées avec les développeurs, d’ateliers de découverte et de priorisation, et de l’animation d’ateliers de co-construction pour aligner les parties prenantes.
REFONTE DE L'ACCUEIL & NAVIGATION
J’ai refondu la homepage pour moderniser l’interface et la personnaliser selon ce que l’utilisateur possède (modules, projets, derniers audits), afin de mettre l’essentiel en avant dès l’ouverture. En parallèle, j’ai reconçu la navigation en sidebar repliable au hover, ce qui libère de l’espace de travail et apporte une touche de modernité sans modifier la hiérarchie globale du SaaS. L’ensemble améliore la lisibilité, accélère l’accès aux actions clés et prépare l’interface à des évolutions futures.
OFFRE FREEMIUM
Avec le CPO, j’ai cadré et prototypé une approche Freemium : certaines fonctionnalités sont verrouillées et redirigent vers des pages d'upsell à forte valeur marketing. J’ai conçu les parcours à partir de personas priorisés, appuyés par une veille (benchmark, inspirations) et des essais pour valider les choix d’UX et de copy. J’ai ensuite travaillé avec les développeurs pour assurer une efidélité aux maquettes et une expérience fluide du free vers le premium, sans friction.
Avec le CPO, j’ai cadré et prototypé une approche Freemium : certaines fonctionnalités sont verrouillées et redirigent vers des pages d'upsell à forte valeur marketing. J’ai conçu les parcours à partir de personas priorisés, appuyés par une veille (benchmark, inspirations) et des essais pour valider les choix d’UX et de copy. J’ai ensuite travaillé avec les développeurs pour assurer une fidélité aux maquettes et une expérience fluide du free vers le premium, sans friction.
AUDIT ACCESSIBILITE - EXTENSION FRUGGR
J’ai conduit un audit ux de l’extension Fruggr afin de renforcer son ergonomie et son adoption.
L’analyse fait ressortir : une priorisation floue, navigation/réponses peu ergonomiques, pédagogie insuffisante, périmètre mal cadré & automatisation limitée.
J’ai pu restituer ces constats dans un document opérationnel pour PO et développeurs. En appliquant la méthode PCR, j’ai produit des maquettes ciblées alignées sur les personas, afin d’accélérer l’audit et le passage à l’action.
J’ai conduit un audit ux de l’extension Fruggr afin de renforcer son ergonomie et son adoption.
L’analyse fait ressortir : une priorisation floue, navigation/réponses peu ergonomiques, pédagogie insuffisante, périmètre mal cadré & automatisation limitée.
J’ai pu restituer ces constats dans un document opérationnel pour PO et développeurs. En appliquant la méthode PCR, j’ai produit des maquettes ciblées alignées sur les personas, afin d’accélérer l’audit et le passage à l’action.
AUDIT ACCESSIBILITE - EXTENSION FRUGGR
J’ai conduit un audit ux de l’extension Fruggr afin de renforcer son ergonomie et son adoption.
L’analyse fait ressortir : une priorisation floue, navigation/réponses peu ergonomiques, pédagogie insuffisante, périmètre mal cadré & automatisation limitée.
J’ai pu restituer ces constats dans un document opérationnel pour PO et développeurs. En appliquant la méthode PCR, j’ai produit des maquettes ciblées alignées sur les personas, afin d’accélérer l’audit et le passage à l’action.
DESIGN SYSTEM
Au cours de mon alternance chez Digital4Better, j’ai piloté la refonte intégrale du design system de Fruggr :
→ Mise à jour de la charte : couleurs, thèmes light/dark/contrastes
→ Reconstruction de la bibliothèque : boutons, formulaires, navigation, notifications, icônes, recherche, pagination…
→ Documentation et organisation : guidelines claires, arborescence
→ Alignement des écrans clés (dashboards, RGESN, Infrastructure, Services, Performance IA) pour une cohérence durable.
→ Améliorations d’accessibilité et accélération du cycle de livraison en collaboration avec les développeurs.
PROTOTYPES EXTENSION
L’extension, un plugin d’audit d’accessibilité, nécessitait l’intégration d’une aide à la saisie pendant les tests, assistée par IA (pré-remplissage, suggestions, vérifications). J’ai défini la capacité de cette assistance et réalisé des prototypes haute fidélité, présentés ensuite aux clients pour recueillir leurs retours et affiner la solution.
VIE EN ENTREPRISE
RECOMMANDATIONS
PROTOTYPES EXTENSION
L’extension, un plugin d’audit d’accessibilité, nécessitait l’intégration d’une aide à la saisie pendant les tests, assistée par IA (pré-remplissage, suggestions, vérifications). J’ai défini la capacité de cette assistance et réalisé des prototypes haute fidélité, présentés ensuite aux clients pour recueillir leurs retours et affiner la solution.
VIE EN ENTREPRISE
RECOMMANDATIONS
J’ai refondu la homepage pour moderniser l’interface et la personnaliser selon ce que l’utilisateur possède (modules, projets, derniers audits), afin de mettre l’essentiel en avant dès l’ouverture. En parallèle, j’ai reconçu la navigation en sidebar repliable au hover, ce qui libère de l’espace de travail et apporte une touche de modernité sans modifier la hiérarchie globale du SaaS. L’ensemble améliore la lisibilité, accélère l’accès aux actions clés et prépare l’interface à des évolutions futures.
REFONTE DE L'ACCUEIL & NAVIGATION
Avec le CPO, j’ai cadré et prototypé une approche Freemium : certaines fonctionnalités sont verrouillées et redirigent vers des pages d'upsell à forte valeur marketing. J’ai conçu les parcours à partir de personas priorisés, appuyés par une veille (benchmark, inspirations) et des essais pour valider les choix d’UX et de copy. J’ai ensuite travaillé avec les développeurs pour assurer une fidélité aux maquettes et une expérience fluide du free vers le premium, sans friction.
OFFRE FREEMIUM
Au cours de mon alternance chez Digital4Better, j’ai piloté la refonte intégrale du design system de Fruggr :
→ Mise à jour de la charte : couleurs, thèmes light/dark/contrastes
→ Reconstruction de la bibliothèque : boutons, formulaires, navigation, notifications, icônes, recherche, pagination…
→ Documentation et organisation : guidelines claires, arborescence
→ Alignement des écrans clés (dashboards, RGESN, Infrastructure, Services, Performance IA) pour une cohérence durable.
→ Améliorations d’accessibilité et accélération du cycle de livraison en collaboration avec les développeurs.
DESIGN SYSTEM
DESIGN SYSTEM
Au cours de mon alternance chez Digital4Better, j’ai piloté la refonte intégrale du design system de Fruggr :
→ Mise à jour de la charte : couleurs, thèmes light/dark/contrastes
→ Reconstruction de la bibliothèque : boutons, formulaires, navigation, notifications, icônes, recherche, pagination…
→ Documentation et organisation : guidelines claires, arborescence
→ Alignement des écrans clés (dashboards, RGESN, Infrastructure, Services, Performance IA) pour une cohérence durable.
→ Améliorations d’accessibilité et accélération du cycle de livraison en collaboration avec les développeurs.
PROTOTYPES EXTENSION
L’extension, un plugin d’audit d’accessibilité, nécessitait l’intégration d’une aide à la saisie pendant les tests, assistée par IA (pré-remplissage, suggestions, vérifications). J’ai défini la capacité de cette assistance et réalisé des prototypes haute fidélité, présentés ensuite aux clients pour recueillir leurs retours et affiner la solution.
VIE EN ENTREPRISE
RECOMMANDATIONS
Partage des coordonnées sur demande
PROJET SUIVANT
NANTES METROPOLE
PROJET SUIVANT
NANTES METROPOLE
PROJET SUIVANT
NANTES METROPOLE