Teamupp

<p><strong>Le Projet en bref</strong></p><p><strong>Teamupp</strong> est une solution de Qualité de Vie au Travail (QVT) qui propose des challenges connectés (sport, quiz, photos) pour renforcer la cohésion d'équipe. En tant que <strong>Product Designer freelance</strong>, j'ai été missionné pour stabiliser l'application, améliorer l'expérience utilisateur et piloter la refonte de l'écosystème digital de la marque.</p><ul><li><p><strong>Rôle :</strong> Product Designer &amp; Project Manager</p></li><li><p><strong>Outils :</strong> Figma, Notion (Agile/SCRUM), ChatGPT &amp; Figma Make (IA)</p></li><li><p><strong>Objectif :</strong> Réduire le mécontentement utilisateur et fluidifier l'onboarding.</p></li></ul><p>‍</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="" src="https://cdn.prod.website-files.com/69d133d3eb2f83e42d189717/69e366a2960f827043a40ade_teamupp-sports.jpg"><div class="image-overlay"></div></div></div></div><p>‍</p><p><strong>Le challenge : Accompagner la montée en maturité du produit</strong></p><p>À mon arrivée, l'application Teamupp entrait dans une phase de transition importante. Après un lancement réussi, le produit devait relever de nouveaux défis pour s'aligner sur les attentes croissantes des utilisateurs et des entreprises clientes :</p><ul><li><p><strong>Flux de retours :</strong> Transformation des feedbacks utilisateurs en une feuille de route actionnable pour fluidifier l'usage quotidien.</p></li><li><p><strong>Évolution du NPS :</strong> Mise en place d'une stratégie de design centrée sur l'utilisateur pour redresser significativement la satisfaction produit.</p></li><li><p><strong>Optimisation technique et ergonomique :</strong> La nécessité d'affiner la synchronisation des données sportives et de rendre l'interface plus fluide pour encourager un usage quotidien.</p></li></ul><p>L'objectif de ma mission était donc de transformer ces retours en leviers de croissance pour faire passer l'application d'un stade de MVP (Produit Minimum Viable) à un outil de référence en matière de QVT.</p><p>‍</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="" src="https://cdn.prod.website-files.com/69d133d3eb2f83e42d189717/6a03098cbe0cf8766447b825_teamupp-main.jpg"><div class="image-overlay"></div></div></div></div><p>‍</p><p><strong>Ma Méthodologie : Rigueur et Agilité</strong></p><p>Pour redresser la barre, j'ai instauré une structure de travail rigoureuse avec l'équipe technique (2 développeurs, 1 CTO et 1 CEO) :</p><ul><li><p><strong>Mise en place du SCRUM :</strong> Organisation de sprints de 2 semaines sur Notion via un tableau Kanban.</p></li><li><p><strong>Cycle de livraison sécurisé :</strong> Sprint planning le lundi, tests en milieu de semaine, et sorties de mises à jour le lundi suivant pour garantir une marge de manœuvre et éviter de bloquer les utilisateurs durant le week-end.</p></li><li><p><strong>Tests multi-devices :</strong> Acquisition de téléphones de test (Android petits/grands écrans, iPhone SE, iPhone 17) pour couvrir l'intégralité du parc utilisateur et traquer les aberrations UX spécifiques à chaque OS.</p></li></ul><p>‍</p><p><strong>L'Impact Majeur : Un Onboarding optimisé</strong></p><p>Le flux d'inscription était le frein principal à l'engagement (un échec critique pour les entreprises clientes). J'ai concentré mes efforts sur la réduction de la friction :</p><ul><li><p><strong>Simplification radicale :</strong> Passage de <strong>6 écrans à 3 écrans</strong> pour la création de compte.</p></li><li><p><strong>Fluidification technique :</strong> Travail avec les développeurs sur la synchronisation des podomètres et des apps tierces (Strava, Garmin) pour rendre l'accès aux défis quasi instantané.</p></li><li><p><strong>Expérience "non-bloquante" :</strong> Déplacement des étapes secondaires dans des flux internes de l'app, permettant aux joueurs de rejoindre un challenge avant même d'avoir complété leur profil à 100%.</p></li></ul><p>‍</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="" src="https://cdn.prod.website-files.com/69d133d3eb2f83e42d189717/69e360922eb5fec7cfd653ef_teamupp-onboarding.jpg"><div class="image-overlay"></div></div></div></div><p>‍</p><p><strong>Design System &amp; Création Graphique</strong></p><p>Au-delà de l'UX, j'ai harmonisé l'identité visuelle de Teamupp :</p><ul><li><p><strong>Bibliothèque d'icônes :</strong> Création de 60 icônes sportives personnalisées basées sur la grille <em>Phosphor</em>, assurant une cohérence graphique sur toute l'interface.</p></li><li><p><strong>Design System :</strong> Refonte de l'app sur Figma avec un système de composants pour accélérer les futurs développements.</p></li><li><p><strong>Supports marketing :</strong> Réalisation de plaquettes commerciales, signatures de mail et assets pour le Community Management.</p></li></ul><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="" src="https://cdn.prod.website-files.com/69d133d3eb2f83e42d189717/69e35d09799c3e6d0b6fbfe0_teamupp-icons.jpg"><div class="image-overlay"></div></div></div></div><p><strong>‍</strong></p><p><strong>Extension de mission : Dashboards et Web</strong></p><p>Mon intervention s'est étendue à l'ensemble de l'outil métier :</p><ol><li><p><strong>Dashboard CSM :</strong> Optimisation de l'interface interne pour permettre aux Customer Success Managers de paramétrer les challenges et créer des démos clients plus rapidement.</p></li><li><p><strong>Dashboard Clients :</strong> Refonte de l'interface de pilotage pour les entreprises (statistiques, modération du chat, export de données).</p></li><li><p><strong>Refonte du site Web :</strong> Pilotage de projet entre le studio de design <em>Jujotte</em> et l'agence de développement <em>Modo</em> (Wordpress). J'ai assuré le contrôle qualité et les tests cross-browsers.</p></li></ol><p>‍</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img alt="" src="https://cdn.prod.website-files.com/69d133d3eb2f83e42d189717/69e89342fa2a8952260c8019_teamupp-web.jpg"><div class="image-overlay"></div></div></div></div><p>‍</p><p><strong>Résultats et Perspectives</strong></p><p>Ma mission s'est achevée sur un succès mesurable :</p><ul><li><p><strong>NPS :</strong> Passé de <strong>+61 points en 4 mois</strong>.</p></li><li><p><strong>Support :</strong> Réduction drastique à <strong>1 ticket par semaine</strong>.</p></li><li><p><strong>Stabilité :</strong> Livraison d'une infrastructure produit robuste, conçue pour supporter une montée en charge immédiate et l'intégration future de fonctionnalités avancées (gamification, systèmes de dons).</p></li></ul><p><strong>Le mot de la fin :</strong> Cette expérience a consolidé ma capacité à transformer des problèmes complexes en solutions simples. L'utilisation quotidienne de l'IA (ChatGPT pour l'UX writing, Figma Make pour le prototypage) m'a permis de gagner en productivité sur les tâches chronophages pour me concentrer sur la réflexion stratégique et l'expérience utilisateur.</p>

+61 points de NPS en 4 mois : Optimiser l'expérience Teamupp pour transformer les défis techniques en succès utilisateur.

Design System

Product Manager

UX Researcher

Clément a piloté avec succès le pôle produit chez Teamupp, alliant expertise UX/UI et vision stratégique. Il a structuré le travail en sprints, mis en place un système de QA et encadré les développeurs avec rigueur. Son organisation et sa priorisation ont permis une hausse du NPS de +61 points en 4 mois.

GEODE

<p>Cœur de Gem, une application dédiée à la création de bijoux personnalisés, m’a confié la mission de concevoir un site web à leur image. Pour répondre à cette demande, j’ai débuté par une étude benchmark et une analyse approfondie des utilisateurs. Ces étapes ont permis de définir une identité visuelle et une expérience utilisateur en parfaite adéquation avec leur cible, dans le but de renforcer l’attractivité et les téléchargements de l’application.</p><p></p><p>J’ai conçu des wireframes et des maquettes interactives sur Figma, mettant en avant l’expertise artisanale de la marque ainsi que l’expérience d’achat inédite qu’elle propose. Une attention particulière a été apportée à la navigation intuitive et à la mise en valeur des produits. Une fois les écrans validés, y compris les versions responsives, j’ai développé le site sur Webflow.</p><p></p><p>Le projet a nécessité la création de plusieurs CMS, notamment pour la gestion des pierres précieuses. Chaque fiche CMS comprenait des informations détaillées : image, nom, description, et autres caractéristiques.</p><p></p><p>L’un des défis techniques majeurs a été l’intégration de vidéos en grand format et en haute qualité. Pour optimiser leur chargement, j’ai utilisé des embeds HTML et ajouté une image fixe correspondant à la première image de la vidéo, assurant ainsi une expérience fluide sans temps d’attente visible pour l’utilisateur.</p><p></p><p>Le résultat est un site web élégant et performant, conçu pour captiver les visiteurs et les inciter à découvrir l’application Cœur de Gem.</p><p></p><p>Lien du site web : <a target="_blank" rel="noopener noreferrer nofollow" href="https://www.coeurdegem.com/">coeurdegem.com</a></p>

Design et développement d'un site web immersif pour l'application de création de bijoux Cœur de Gem, conçu avec Figma et développé sur Webflow. Un projet mêlant savoir-faire artisanal et expérience utilisateur optimisée.

Webflow

Graphic Design

Figma

Création d'une expérience unique pour Cœur de Gem

France Mobilités

<p><strong>MOB</strong> est une application de covoiturage pensée pour répondre à une problématique cruciale : améliorer la mobilité des jeunes dans les zones rurales, où les options de transport sont souvent limitées.</p><p></p><p>Dans le cadre de ce projet de fin d’études, j’ai adopté une approche UX complète et structurée. La phase exploratoire, menée sur un an, m’a permis de réaliser une veille approfondie pour identifier un besoin utilisateur non couvert. Grâce à des questionnaires qualitatifs et quantitatifs, j’ai analysé les comportements, les attentes et les contraintes des jeunes en zones rurales. Ces recherches ont abouti à la création de personas détaillés et à la définition d’un périmètre fonctionnel répondant aux besoins identifiés.</p><p></p><p>Lors de la phase de conception, j’ai conçu des wireframes, un user flow détaillé, et des maquettes haute fidélité, garantissant une navigation fluide et intuitive. J’ai également développé une identité visuelle moderne et accessible, en accord avec les attentes de la cible. Enfin, j’ai réalisé un prototype interactif, testé pour valider son ergonomie et son efficacité.</p><p></p><p>Pour soutenir le déploiement de l’application, j’ai mis en place une stratégie marketing complète combinant supports web et print. Cela inclut la création d’une landing page percutante, un post Instagram engageant pour renforcer la visibilité digitale, et un kakemono destiné aux événements sur la mobilité durable. Ces éléments permettent de promouvoir la solution de manière efficace auprès des jeunes et des parties prenantes locales.</p><p></p><p>Ce projet, qui s’inscrit dans une démarche de design centré sur l'utilisateur, a démontré ma capacité à gérer toutes les étapes d’un projet UX/UI, de la recherche utilisateur à la stratégie de déploiement. MOB incarne une solution concrète pour encourager une mobilité inclusive et durable dans les zones rurales.</p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p71mr71ma862f25r3caj5a.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p71vzr1may62f2anxt8f9d.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p7b35r1n5t5xdndarw04hv.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p725yz1miq5xdn6zt64zxj.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p72c2v1mc962f2ee0o9c5f.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p72sr01mcx62f28yxr0j30.png"><div class="image-overlay"></div></div></div></div><p></p><div class="image-container"><div class="image-row-wrapper"><div class="image-wrapper"><img src="https://cdn.collective.work/cm5p731981mdx62f2dv9bcg8x.png"><div class="image-overlay"></div></div></div></div>

Une application de covoiturage intuitive et inclusive, conçue pour répondre aux défis spécifiques de la mobilité rurale. UX research, design centré sur l’utilisateur et stratégie marketing innovante se rencontrent pour proposer une solution durable et impactante.

UX Product Design

UI Product Design

Portfolio

Product Designer — Figma · Webflow · Design System

UX Designer

UX - UI Designer en alternance

Conception d’une application mobile dédiée aux entreprises, incluant la création de wireframes, l’élaboration d’un design system et le prototypage complet de l’application.

Clément PATRIARCA

Product Designer — Figma · Webflow · Design System

À propos

Expérience de travail

GEODE

UX Designer

UX - UI Designer en alternance

UX Designer

Graphiste

Formation

Lyon Ynov Campus

AFIP Formations

Portfolio

Teamupp

Teamupp

Création d'une expérience unique pour Cœur de Gem

GEODE

MOB

France Mobilités

Talents

Recruteurs

À propos

Clément PATRIARCA

Product Designer — Figma · Webflow · Design System

À propos

Expérience de travail

.css-171onha{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;}GEODE

UX Designer

UX - UI Designer en alternance

UX Designer

Graphiste

Formation

Lyon Ynov Campus

AFIP Formations

Portfolio

Teamupp

Teamupp

Création d'une expérience unique pour Cœur de Gem

GEODE

MOB

France Mobilités

Talents

Recruteurs

À propos

GEODE