# 175studio — Romain Soussem: case studies > Senior product designer (15 years) and product builder, Paris, augmented by AI. Overview, offers and contact: https://www.175studio.com/llms.txt Contact: contact@175studio.com · https://cal.com/romainsoussem/30min --- # English ## Artur'in https://www.175studio.com/en/projects/arturin Seven years as Artur'in's Lead Product Designer, leading a team of five designers, through three successive design systems. Since 2025, Artur'in has been a freelance client: I've designed and built several products there, including the mobile app and the teams' back offices. - Client: Artur'in helps local businesses and agency networks manage their online presence: posts on social networks and Google, reviews, newsletters, ads. The company is now part of the Solocal group. - Role: Lead Product Designer, then freelance Product Designer & Product Builder - Period: 2018 – present - Scope: The customer area, the mobile app, the key-account platform, the back offices - Expertise: UX/UI, design system, mobile apps, AI ### The customer area What businesses and agencies see, on the web and on their phone. They need to post regularly without the time to learn a tool: Artur'in prepares their content, they follow and adjust it. #### A home page: where you stand, what goes out this week - Problem: When they log in, business owners want to know two things: whether their online presence is growing, and what Artur'in is posting for them. Raw figures and a list of posts answer neither. - Answer: At the top, their figures become three local-influence indicators (credibility, visibility, engagement) that place them against businesses in their sector. Below, their content for the week, day by day: articles, images, videos, newsletters, published, scheduled or awaiting approval. Their coach stays one click away. #### Seeing where you stand against competitors, then climbing - Problem: On Google, a business is compared with the ones in its neighbourhood, not with an average. Its statistics alone tell it neither where it stands nor what to do to climb. - Answer: Local presence puts the business on the map of its neighbourhood, with each competitor's rank in Google searches, and sets its results against theirs. One button runs an audit of its Google profile: a score, then a guided path that completes it step by step, without leaving the map. The prototype shows that path; the scoring criteria remain Artur'in's. #### Creating a post from an idea - Problem: A post form asks you to decide everything before you see anything. - Answer: The creation studio starts from an idea: clients write it in one sentence or paste a link, and AI suggests the visual and the copy, in their brand's tone. They adjust it, then schedule it. The blank page stays one click away for those who'd rather write. #### The iOS and Android app (designed and built) - Problem: Business owners run their day from their phone, but Artur'in's mobile app had aged and some clients had stopped logging in. - Answer: A native app built around everyday tasks: seeing what's left to do, asking for a review in one tap, and answering messages with a reply suggested by AI. Widgets, notifications, and an Android version that feels like Android. ### The key-account platform Key accounts are networks: a head office and dozens of outlets. They have their own version of the platform, built for the way they work, where the head office sees and steers what goes out on each shop. #### The head office steers each shop's content - Problem: For key accounts, every piece of content went through Artur'in's content team, who moderated it by hand. - Answer: Their platform has a content management page I designed: week by week, the head office sees what goes out on each outlet, creates its own posts and approves those suggested by Artur'in or its shops, with each shop's statistics. - Effect: ×2.7 posts created by key accounts, from the first month ### Self'in Self'in turns a selfie and a few answers into posts clients recognise themselves in. The content team had put together a first version on Make; I turned it into an all-in-one tool, with one aim: to make life simpler for clients and for the teams who support them. The engineering team then integrated it into the platform. #### From nine tools to one product (designed and built) - Problem: The Make flow proved the idea, but clients waited half an hour, got their visuals by email, then approval dragged on for days of chasing: over a third of batches sat stuck in email. - Answer: I brought it all into one tool: the app becomes the client's only point of contact, and they go through the chain on their own. A few questions, a selfie, and ten posts they recognise themselves in arrive in under a minute. They approve them one by one; a rejection reruns the image with their comment. - Effect: 69% of batches settled to the last post by the client - Effect: ×30 faster to generate a batch #### Team side: no more chasing the client (designed and built) - Problem: With the Make flow, the coach tracked each client in a spreadsheet, chased them, then rebuilt the ten posts by hand on the client's platform. - Answer: The back office I built them shows where each client stands, and the coach can fill in the questionnaire with the client during the call. For publishing, with no access to the platform's API and no help from developers, I came up with a bookmarklet: from the browser, it injects the ten posts, captions and images, in a few seconds. Coaches no longer type anything: they guide their clients. #### Integrated into the platform, from a tool already running - Problem: To open it to every client, Self'in had to join the Artur'in platform. - Answer: The engineering team started from my tool, already in coaches' hands: the journey, the data and the edge cases were proven there, and it served as their spec. Coaches now switch it on account by account from the Customer Success back office. ### The back offices Behind the customer area, Artur'in's teams prepare the content, configure the accounts and support the clients. Their tools matter just as much: every minute saved on the team's side is multiplied across every account. #### The content back office - Problem: Moderating and generating content for every client took the content team too long. - Answer: I rethought the whole content back office around those two moments. Each piece of content is prepared in one place, with its media, its visual and its social posts, then goes through moderation before it reaches clients. - Effect: ½ to 1 day saved every week by the content team #### The Customer Success back office - Problem: The Customer Success team's back office had to move to React: a chance to bring an account's whole configuration into one place. - Answer: I led this redesign in late 2025. Everything that configures an account, from a single outlet to a large network, is now there: the services switched on, the newsletter, a network's outlets. ### How I work - **Delivering something that works**: An app wired to the API's format, internal tools in production: the engineering team picks up a running product, not a mock-up to reinterpret. - **Measuring before deciding**: Over a third of approvals got lost in email: that figure decided the in-app approval. Since then, the back office follows each step, from the opened invitation to the last post settled: we see where clients drop off. - **A design system that follows the product**: Three successive design systems, in step with the technical migrations (Angular, Vue, then React with shadcn): every module shares the same components, and the engineering team doesn't have to reinvent each screen. I carried them through, leading a team of five designers. ## Poupette https://www.175studio.com/en/projects/poupette With its founders, I designed the families' journey, on mobile and desktop, for finding care for an elderly relative without getting lost: prices right in the results, the case file tracked in one place. - Client: Poupette is a free service that helps seniors and their families find care: nursing homes, serviced retirement residences, shared housing, host-family care or home help. Experts support families all the way to the move; the service is paid for by partner facilities, not by families. - Role: Freelance Product Designer, through 175studio - Scope: The families' journey, on mobile and desktop - Expertise: UX/UI, mobile app, website, prototyping - Live: The new home page in January 2025 ### The families' journey When a relative loses autonomy, the family has to find a suitable, affordable option fast, in a sector where information is scattered. The journey takes them from the first visit to the admission file, on their phone or their computer. #### Two ways in, and an emergency line - Problem: Families often arrive in a hurry, without knowing which kind of care they need. - Answer: Two choices from the home page: take the free assessment or talk to an advisor, and an emergency number in plain sight. No need to know the facilities: the assessment asks for whom, what budget, how urgent, what autonomy; on desktop, one question per screen, the steps on the left. The home page that went live kept both ways in and the emergency line. #### Prices right in the results - Problem: In this sector, the price often comes late, when it's the families' first question. - Answer: The monthly price on every result card, not at the bottom of the page: Poupette only lists facilities with transparent pricing. The card also shows availability, type, reviews and specialised units; three sorts (recommended, price, distance) are enough to compare. On desktop, the list sits next to a map. #### One place for the case file - Problem: Once the facility is found, there's still an admission file, documents, an advisor and visits to fit in. - Answer: A secure space brings it all together: the file's progress as a percentage and a single button, Complete, then the appointment with the advisor, rescheduled in one tap, and the planned visits. The file splits into two forms, the caregiver and the person being cared for: the missing documents show at a glance. ### How I work - **Working it out with the founders**: A three-day design hack with the founders, then working Saturdays, in the same Figma file: we took the topics one by one (home, search, facility page, budget, case file) and decisions were made together, on the screens. - **Keeping the existing brand**: The logo, the pink and the grandmother character already existed. I kept them and brought them into the product, far from the cold image of care homes. ## Fuko https://www.175studio.com/en/projects/fuko A mobile app to find, create and share events around you. I designed its experience, every screen, the animations and the identity, from signing up to running an event. - Client: Fuko shows on a map what's happening around you, lets you create your own event from a "+" in the middle of the tab bar, invite your contacts to it, and follow people and clubs. - Role: Freelance Product Designer, through 175studio - Scope: The mobile app, from sign-up to running an event - Expertise: UX/UI, mobile app, animated prototyping, visual identity ### A map, with its events right below Nearby events group together on the map with their count; one tap zooms into the area and splits them. A sheet you pull up gives the list: "Mes évènements" (My events) first, then the ones nearby. The map says where, the list says which. ### The app day to day An events app is only worth the people on it: you need to get in fast, then see at a glance what's happening around you. #### A number, a code, a name, then your contacts - Problem: One fake account is enough to spoil an invitation, but a long form loses people before the first one. - Answer: Three steps and a progress bar: the number, with its reason spelled out (making sure everyone on Fuko is real), the code received, the name shown. Then your contacts, with a real way out ("Non, je veux rester seul" (No, I'd rather stay on my own)) and no invitation sent without permission. Before that, the welcome screen sets the identity: the logo with its jumping letters, in front of a parade of events. #### Searching for an event, a person or a club - Problem: A search that mixes everything makes you sort it yourself. - Answer: Three tabs, Events, People and Club, and a date and place filter that opens inside the header. From the list, you add an event to your schedule or follow someone without opening their page. ### The event, from guest to organiser The same page changes with who's looking: the guest decides whether to come, the organiser keeps the event going. #### Everything you need to say yes - Problem: People answer an invitation when they know what, when, where and with whom; if one of those is missing, they put it off. - Answer: A page that answers it all, with one main button, "Participer" (Join): the visual, the organiser, the date, who's going, the description and the place, whose map opens directions in the app of your choice. Once you're in, the button gives way to "Calendrier" (Calendar) and "Partager" (Share). #### A page for each person, a page for each club - Problem: To decide whether to go to a stranger's or a club's event, you need to see who they are and what they usually run. - Answer: People and clubs share the same page: who they are, how many follow them, then the events they run, with a "Suivre" (Follow) button. On your own profile, the same page is where you introduce yourself and manage your clubs. #### Running it without leaving the page - Problem: Inviting, fixing the time, reminding latecomers, removing someone: every organiser task hidden in a menu is a task that doesn't get done. - Answer: For the organiser, the page keeps its layout and swaps its buttons: "Inviter" (Invite), "Modifier" (Edit) and a bell to schedule reminders. The guest list switches to edit mode to remove someone. "Modifier" reopens the creation form, filled in: the same one behind the "+" in the bar. ## Exoteach https://www.175studio.com/en/projects/exoteach I designed Exoteach's logo and website, then redesigned its whole platform, for students, teachers and school managers. - Client: Exoteach is a white-label e-learning platform for prep schools, schools, universities and training organisations: courses, exercises, exams, scheduling, messaging, student tracking and payment, on the web and in a mobile app. More than 50,000 students use it. - Role: Freelance Product Designer, through 175studio - Period: 2025 – 2026 - Scope: The logo, the website, the platform (students, teachers, managers) - Expertise: UX/UI, design system, visual identity, website (Framer), AI - Live: The website in June 2025; the new screens since April 2026, step by step ### The exoteach.com website, designed and built in Framer Before the platform, the website. Exoteach speaks to students, teachers and school managers at once: each has their own page, with their features and their tone. And rather than listing features, the home page brings up the product itself, in browser windows. The site above is the version I delivered. ### The logo In March 2025, before the website, Exoteach was still looking for its logo. I had set aside two days to come up with one. #### Ten directions, one idea each - Problem: The founders wanted a logo with an image, modern and a little playful, that tells the platform's story rather than just spelling its name. - Answer: Each direction starts from an idea: an X made of two chevrons, for progress and the three audiences (students, teachers, managers); an atom; a brain made of links between pieces of knowledge; a cube where an E traces a path and ends in a graduation cap; interlaced paper clips forming a heart, for paper copies. I showed them without explanation, so as not to steer first impressions, and the team ran them past the people around them. #### The monogram that was kept: E, X and O in one sign - Problem: Every direction came out in someone's top three at least once: the choice had to hold everywhere, from the favicon to the website. - Answer: The monogram brings the three letters of EXO together: the rounded E, the chevron X, the dot O. It got the most positive feedback, and to me it had the strongest, least common identity. I then refined it, gave it a turquoise-to-violet gradient, and made versions for light and dark backgrounds, in colour and in black and white, in full or as the symbol alone for the favicon. ### The student area I reworked the whole platform, for students, teachers and managers, and Exoteach's team builds it. Here is the student area: each school offers it to its students in its own colours, and it had become hard to read. #### A home page like a notice board - Problem: The first page students see at every login, the home page has to make them want to carry on without becoming a catch-all, while every school has its own colours and features. - Answer: I crossed a school notice board, the announcement as a post-it, with a grid of blocks: analysis, today's missions, schedule. Tested with other combinations (messaging instead of the schedule), the page holds from one school to the next. Each section has its colour; each school dresses a polished template in its own. #### One subject, everything at hand - Problem: A subject holds dozens of courses and thousands of exercises: with no order, students don't know where to start. - Answer: Each subject opens on its folders, then its lessons as cards: the type of material at a glance, the number of pages, the length, and a bar showing how far the student has got. Three tabs separate what you learn, what you practise and your progress. #### The whole course on one screen - Problem: Nested scrolling and scattered content: the interface asked for effort before any revising began. - Answer: The material in the centre, its pages and videos as thumbnails on the left, on the right the linked exercise sets, with a button to generate a new one. The AI assistant fits in a "Got a question?" field at the bottom of the panel: it answers in the context of the open course, with no chat window popping up. #### Giving the screen back to the content - Problem: A contextual banner took up the top of the screen to repeat information already on display. - Answer: I removed it, and moved the navigation from a top bar to a sidebar. It gives height back to the material. During an exercise set it disappears: what's left is the question, the timer and the progress. #### After the set, knowing where you stand - Problem: A grade alone doesn't say whether you're improving, or where you stand in your year. - Answer: A set's page brings it all together: your grade against the average, the best and the lowest, your ranking, the time spent and the trend month by month. One button picks the set up where you left it. ### How I work - **Desktop first, page by page**: The redesign starts with the desktop web and ships page by page. Exoteach has been rolling out the new screens since April 2026, step by step, so as not to unsettle students mid-year. The mobile app comes next, with fewer features rather than a copy of the desktop. - **A test mission, then close to the founders**: It started with a short test mission alongside an art director, on the page where students do their exercises. I then carried on alone with the two founders: frequent calls, directions shown early, and a demo video at every step. ## Seeble https://www.175studio.com/en/projects/seeble Seeble prospects on LinkedIn on its users' behalf: it invites targeted profiles, writes to them, follows up, and only brings back those who reply with real interest. I made it live inside LinkedIn's pages rather than next to them, designed its screens, came up with its name and drew its logo. - Client: Seeble is for freelancers and small businesses looking for clients on LinkedIn: lawyers, accountants, insurers, estate agents… There is also a recruitment version. - Role: Lead Product Designer - Period: 2024 – 2026 - Scope: The extension in LinkedIn, the tracking page, the name and logo - Expertise: UX/UI, Chrome extension, AI, naming and visual identity ### The idea: prospecting where you already are Prospecting on LinkedIn means finding profiles, inviting them one by one, writing to them, following up with those who don't reply. With Seeble, clients pick the jobs and towns they target once; the extension invites 100 targeted profiles a week from their account, writes to them when they accept and follows up. All they see is what matters: the people who are interested. #### A near-seamless fit inside LinkedIn - Problem: An extension you have to open is one more window to forget, when clients are already on LinkedIn. - Answer: I built Seeble into LinkedIn like a native feature: a card as wide as LinkedIn's own, in the right-hand column, above the news, easy to spot without clashing. It says what is happening, then what Seeble has generated: invitations sent, new connections, hot leads. In 2026, when LinkedIn changed its interface, I designed a Chrome side panel that carries it. ### Around the card What goes with it: a page to follow and set up the prospecting, and the product's identity. #### Hot leads, at a glance - Problem: Hundreds of invitations, dozens of connections: reading every reply to find the ones that matter means doing by hand the work Seeble was meant to save. - Answer: The tracking page follows the path in four figures, from targets found to hot leads: the replies where AI spots real interest, the only dark card so it stands out. Below, the split by job shows who accepts the invitation, and every profile leads to its conversation on LinkedIn. #### AI message or your own, on one screen - Problem: AI-written messages added a second way of writing to prospects, with a text you can't read beforehand: it changes for every profile. - Answer: For the 2026 redesign, I brought it all onto one screen: AI or your own message first, then the first message and both follow-ups, sent 7 and then 30 days after it was read. In AI mode, instead of a preview, the screen says what the text draws on: each profile's job. This mode is being rolled out. #### A name that says what it does - Problem: The product didn't have a name yet. - Answer: In March 2024, I suggested Seeble: "see" plus the end of "cible", French for target, which the name also brings to mind. The name was kept, and I drew the logo straight after: the word, underlined with a multicoloured stroke. ## Mango3D https://www.175studio.com/en/projects/mango3d In July 2025, I scoped an AI prototype with Mango3D's team and designed its interface: a generator that turns a text or an image into a printable 3D model, to send into Lychee Slicer. - Client: Mango3D, based in Mérignac, publishes Lychee Slicer, the desktop software that prepares 3D models for resin and filament printing. A large community of hobbyists and prosumers uses it, and it leads the resin market. - Role: Freelance Product Designer through 175studio, framing and UI design - Period: July 2025 - Scope: The 3D generator - Expertise: Generative AI, UX/UI, design system (shadcn/ui) - Live: October 2025, as Lychee Gen ### The 3D generator Lychee leads on resin, but its competitors are investing heavily in AI, and part of the community fears it will replace model creators. Mango3D wanted a low-key proof of concept: generating a printable 3D model from a text or an image, on a separate site, desktop first and with beta testers. #### Four previews before the model - Problem: The 3D generators on the market pile up options; Mango3D wanted a very simple site. - Answer: Four 2D previews before the model, because an image is far cheaper to generate than a model: you start from a text or an image, pick a preview or run it again, then comes the 3D model. We laid out this journey together at the kickoff, in Figma, starting from tools like Krea and 3D AI Studio. #### Two ways out for the model - Problem: Once the model is ready, you're not always at the computer running the software. - Answer: I made sure to keep two exits: send the model into the software with the Slice with Lychee button, or download it as GLB, STL or OBJ, when you're not at your computer. #### Credits in sight, advanced options aside - Problem: Every generation costs credits, and the negative prompt risked losing some users. - Answer: Credits stay visible: one per image, four per model. And I suggested putting advanced options in the settings, to keep the main screen simple. ### How I work - **Structure before style**: I installed the shadcn/ui library in Mango3D's Figma and customised it for Lychee: a lean design system, dark like the brand's tools, on which I built the wireframes, then the mock-ups. --- # Français ## Artur'in https://www.175studio.com/projets/arturin Sept ans Lead Product Designer chez Artur’in, à la tête d’une équipe de cinq designers, à travers trois design systems successifs. Depuis 2025, Artur’in est mon client en freelance : j’y ai conçu et construit plusieurs produits, dont l’app mobile et les back-offices des équipes. - Client : Artur’in aide les commerces et les réseaux d’agences à gérer leur présence en ligne : publications sur les réseaux sociaux et Google, avis, newsletters, publicité. L’entreprise fait aujourd’hui partie du groupe Solocal. - Rôle : Lead Product Designer, puis Product Designer & Product Builder en freelance - Période : 2018 – aujourd’hui - Périmètre : L’espace client, l’app mobile, la plateforme grands comptes, les back-offices - Expertises : UX/UI, design system, apps mobiles, IA ### L’espace client Ce que voient les commerces et les agences, sur le web et sur leur téléphone. Ils doivent publier régulièrement sans avoir le temps d’apprendre un outil : Artur’in prépare leurs contenus, ils les suivent et les ajustent. #### Une page d’accueil : où l’on en est, ce qui part cette semaine - Problème : En se connectant, un commerçant veut savoir deux choses : si sa présence en ligne progresse, et ce qu’Artur’in publie pour lui. Des chiffres bruts et une liste de publications ne répondent à aucune des deux. - Réponse : En haut, ses chiffres deviennent trois indicateurs d’influence locale (crédibilité, visibilité, engagement) qui le situent face aux commerces de son secteur. En dessous, ses contenus de la semaine, jour par jour : articles, images, vidéos, newsletters, publiés, programmés ou à valider. Son coach reste à portée de clic. #### Se situer face à ses concurrents, puis progresser - Problème : Sur Google, un commerce se compare à ceux de son quartier, pas à une moyenne. Ses statistiques seules ne lui disent ni où il se place, ni quoi faire pour monter. - Réponse : Présence locale place l’établissement sur la carte de son quartier, avec le rang de chaque concurrent dans les recherches Google, et met ses résultats face aux leurs. Un bouton lance l’audit de sa fiche Google : un score, puis un parcours guidé qui la complète étape par étape, sans quitter la carte. Le prototype montre ce parcours ; les critères du score restent ceux d’Artur’in. #### Créer une publication à partir d’une idée - Problème : Un formulaire de publication demande de tout décider avant de voir quoi que ce soit. - Réponse : Le studio de création part d’une idée : le client l’écrit en une phrase ou colle un lien, et l’IA propose le visuel et le texte, au ton de sa marque. Il ajuste, puis programme. La page blanche reste à un clic pour qui préfère écrire. #### L’app iOS et Android (conçu et construit) - Problème : Les commerçants gèrent leur quotidien depuis leur téléphone, mais l’app mobile d’Artur’in avait vieilli et une partie des clients ne se connectait plus. - Réponse : Une app native centrée sur le quotidien : voir ce qui reste à faire, demander un avis en un geste et répondre aux messages avec une réponse proposée par l’IA. Widgets, notifications, et une version Android qui respecte Android. ### La plateforme grands comptes Les grands comptes sont des réseaux : une tête de réseau et des dizaines de points de vente. Ils ont leur propre version de la plateforme, adaptée à ce fonctionnement, où le siège voit et pilote ce qui part sur chaque magasin. #### Le siège pilote les contenus de chaque magasin - Problème : Pour les grands comptes, chaque contenu passait par l’équipe contenu d’Artur’in, qui le modérait à la main. - Réponse : Leur plateforme a une page de gestion du contenu que j’ai conçue : semaine par semaine, la tête de réseau voit ce qui part sur chaque point de vente, crée ses publications et valide celles que proposent Artur’in ou ses magasins, avec les statistiques de chaque magasin. - Effet : ×2,7 publications créées par les grands comptes, dès le premier mois ### Self’in Self’in transforme un selfie et quelques réponses en publications où le client se reconnaît. L’équipe contenu en avait monté une première version sur Make ; j’en ai fait un outil tout-en-un, avec un but : simplifier la vie du client comme celle des équipes qui l’accompagnent. L’équipe tech l’a ensuite intégré à la plateforme. #### De neuf outils à un seul produit (conçu et construit) - Problème : Le flow Make prouvait l’idée, mais le client attendait une demi-heure, recevait ses visuels par e‑mail, puis la validation s’étirait sur des jours de relances : plus d’un tiers des séries restaient bloquées dans les e‑mails. - Réponse : J’ai tout réuni dans un seul outil : le client n’a plus qu’un interlocuteur, l’app, et parcourt la chaîne en autonomie. Quelques questions, un selfie, et dix publications où il se reconnaît arrivent en moins d’une minute. Il les valide une à une ; un refus relance l’image avec son commentaire. - Effet : 69 % des séries tranchées jusqu’au bout par le client - Effet : ×30 plus rapide pour générer une série #### Côté équipe : ne plus courir après le client (conçu et construit) - Problème : Avec le flow Make, le coach suivait chaque client dans un tableur, le relançait, puis recréait à la main les dix publications sur sa plateforme. - Réponse : Le back-office que je leur ai construit montre où en est chaque client, et le coach peut remplir le questionnaire avec lui pendant l’appel. Pour la publication, sans accès à l’API de la plateforme ni aide des développeurs, j’ai imaginé un bookmarklet : depuis le navigateur, il injecte les dix publications, légendes et images, en quelques secondes. Le coach ne saisit plus rien : il accompagne ses clients. #### Intégré à la plateforme, à partir d’un outil qui tournait déjà - Problème : Pour l’ouvrir à tous les clients, Self’in devait rejoindre la plateforme Artur’in. - Réponse : L’équipe tech est partie de mon outil, déjà entre les mains des coachs : le parcours, les données et les cas limites y étaient éprouvés, et il lui a servi de spécification. Les coachs l’activent maintenant compte par compte depuis le back-office Customer Success. ### Les back-offices Derrière l’espace client, les équipes d’Artur’in préparent les contenus, configurent les comptes et accompagnent les clients. Leurs outils comptent autant : chaque minute gagnée côté équipe se répète sur chaque compte. #### Le back-office contenu - Problème : Modérer et générer les contenus de tous les clients prenait trop de temps à l’équipe contenu. - Réponse : J’ai repensé tout le back-office contenu autour de ces deux moments. Chaque contenu se prépare au même endroit, avec ses médias, son visuel et ses publications sociales, puis passe en modération avant de partir chez les clients. - Effet : ½ à 1 jour gagné chaque semaine par l’équipe contenu #### Le back-office Customer Success - Problème : Le back-office de l’équipe Customer Success devait passer à React : l’occasion de regrouper la configuration d’un compte au même endroit. - Réponse : J’ai mené cette refonte fin 2025. Tout ce qui configure un compte, du point de vente seul au grand réseau, s’y retrouve : les services activés, la newsletter, les points de vente d’un réseau. ### Ma façon de travailler - **Livrer quelque chose qui marche** : Une app branchée au format de l’API, des outils internes en production : l’équipe tech reprend un produit qui tourne, pas une maquette à réinterpréter. - **Mesurer avant de trancher** : Plus d’un tiers des validations se perdaient dans les e‑mails : c’est ce chiffre qui a décidé de la validation dans l’app. Depuis, le back-office suit chaque étape, de l’invitation ouverte à la dernière publication tranchée : on voit où les clients décrochent. - **Un design system qui suit le produit** : Trois design systems successifs, au rythme des migrations techniques (Angular, Vue, puis React avec shadcn) : tous les modules partagent les mêmes composants, et l’équipe tech n’a pas à réinventer chaque écran. Je les ai portés à la tête d’une équipe de cinq designers. ## Poupette https://www.175studio.com/projets/poupette J’ai conçu avec ses fondateurs le parcours des familles, sur mobile et sur ordinateur, pour trouver une prise en charge à un proche âgé sans se perdre : le prix dès la liste, le dossier suivi au même endroit. - Client : Poupette est un service gratuit qui aide les seniors et leurs familles à trouver une prise en charge : EHPAD, résidence services, habitat partagé, accueil familial ou aide à domicile. Des experts accompagnent les familles jusqu’à l’installation ; le service est rémunéré par les établissements partenaires, pas par les familles. - Rôle : Product Designer en freelance, via 175studio - Périmètre : Le parcours des familles, sur mobile et sur ordinateur - Expertises : UX/UI, app mobile, site web, prototypage - Mise en ligne : La nouvelle page d’accueil en janvier 2025 ### Le parcours des familles Quand un proche perd en autonomie, la famille doit trouver vite une solution adaptée et finançable, dans un secteur où l’information est éparpillée. Le parcours la mène de la première visite au dossier d’admission, sur son téléphone comme sur ordinateur. #### Deux portes d’entrée, et une ligne d’urgence - Problème : Les familles arrivent souvent dans l’urgence, sans savoir quel type de prise en charge il leur faut. - Réponse : Deux choix dès l’accueil : faire sa simulation gratuite ou parler à un conseiller, et un numéro d’urgence bien visible. Pas besoin de connaître les établissements : la simulation demande pour qui, quel budget, quelle urgence, quelle autonomie ; sur ordinateur, une question par écran, les étapes à gauche. L’accueil mis en ligne a gardé ces deux portes et la ligne d’urgence. #### Le prix dès la liste de résultats - Problème : Dans ce secteur, le prix se découvre souvent tard, alors que c’est la première question des familles. - Réponse : Le prix mensuel sur chaque carte de résultat, pas au fond de la fiche : Poupette ne référence que des établissements aux tarifs transparents. La carte montre aussi la disponibilité, le type, les avis et les unités spécialisées ; trois tris (recommandés, prix, distance) suffisent à comparer. Sur ordinateur, la liste s’affiche à côté d’une carte. #### Un seul endroit pour le dossier - Problème : Une fois l’établissement trouvé, il reste un dossier d’admission, des documents, un conseiller et des visites à caler. - Réponse : Un espace sécurisé réunit tout : l’avancement du dossier en pourcentage et un seul bouton, Compléter, puis le rendez-vous avec le conseiller, à reprogrammer en un geste, et les visites prévues. Le dossier se découpe en deux fiches, la personne aidante et la personne aidée : les pièces qui manquent se voient d’un coup d’œil. ### Ma façon de travailler - **Dégrossir avec les fondateurs** : Trois jours de design hack avec les fondateurs, puis des samedis de travail, dans le même fichier Figma : on a pris les sujets un par un (accueil, recherche, fiche établissement, budget, dossier) et les décisions se sont prises ensemble, sur les écrans. - **Garder la marque existante** : Le logo, le rose et le personnage de la grand-mère existaient déjà. Je les ai gardés et je les ai fait vivre dans le produit, loin de l’image froide des maisons de retraite. ## Fuko https://www.175studio.com/projets/fuko Une app mobile pour trouver, créer et partager des évènements autour de soi. J’en ai conçu l’expérience, tous les écrans, les animations et l’identité, de l’inscription à l’organisation d’un évènement. - Client : Fuko montre sur une carte ce qui se passe autour de soi, permet de créer son évènement d’un « + » au centre de la barre, d’y inviter ses contacts et de suivre des personnes et des clubs. - Rôle : Product Designer en freelance, via 175studio - Périmètre : L’app mobile, de l’inscription à l’organisation d’un évènement - Expertises : UX/UI, app mobile, prototypage animé, identité visuelle ### Une carte, et ses évènements juste en dessous Les évènements proches se regroupent sur la carte avec leur nombre ; un appui zoome sur le quartier et les sépare. Une feuille qu’on fait remonter donne la liste : « Mes évènements » d’abord, puis ceux d’à côté. La carte dit où, la liste dit lesquels. ### L’app au quotidien Une app d’évènements ne vaut que par les gens qui y sont : il faut y entrer vite, puis voir d’un coup d’œil ce qui se passe autour de soi. #### Un numéro, un code, un nom, puis ses contacts - Problème : Un faux compte suffit à gâcher une invitation, mais un formulaire trop long perd les gens avant même la première. - Réponse : Trois étapes et une barre de progression : le numéro, avec sa raison écrite (s’assurer que chacun sur Fuko est réel), le code reçu, le nom affiché. Puis ses contacts, avec une vraie sortie (« Non, je veux rester seul ») et aucune invitation sans autorisation. Avant, l’accueil pose l’identité : le logo aux lettres qui sautent, devant un défilé d’évènements. #### Chercher un évènement, une personne ou un club - Problème : Une recherche qui mélange tout oblige à trier soi-même. - Réponse : Trois onglets, Évènements, Personnes et Club, et un filtre par date et par lieu qui s’ouvre dans l’en-tête. Depuis la liste, on ajoute un évènement à son agenda ou on suit quelqu’un sans ouvrir sa page. ### L’évènement, de l’invité à l’organisateur La même page change selon qui la regarde : l’invité décide s’il vient, l’organisateur fait vivre son évènement. #### Tout ce qu’il faut pour dire oui - Problème : On répond à une invitation quand on sait quoi, quand, où et avec qui ; s’il manque une de ces réponses, on remet à plus tard. - Réponse : Une page qui répond à tout, avec un seul bouton principal, « Participer » : le visuel, l’organisateur, la date, qui vient, la description et le lieu, dont le plan ouvre l’itinéraire dans l’app de son choix. Une fois inscrit, le bouton laisse la place à « Calendrier » et « Partager ». #### Une page par personne, une page par club - Problème : Pour décider d’aller à l’évènement d’un inconnu ou d’un club, il faut pouvoir voir qui c’est et ce qu’il organise d’habitude. - Réponse : Personnes et clubs partagent la même page : qui c’est, combien les suivent, puis les évènements qu’ils organisent, avec un bouton « Suivre ». Sur son propre profil, la même page sert à se présenter et à gérer ses clubs. #### Organiser sans quitter la page - Problème : Inviter, corriger l’heure, relancer les retardataires, retirer quelqu’un : chaque tâche d’organisateur cachée dans un menu est une tâche qu’on ne fait pas. - Réponse : Pour l’organisateur, la page garde sa mise en page et change ses boutons : « Inviter », « Modifier » et une cloche pour programmer des rappels. Les participants passent en mode édition pour retirer quelqu’un. « Modifier » rouvre le formulaire de création, prérempli : le même que derrière le « + » de la barre. ## Exoteach https://www.175studio.com/projets/exoteach J’ai dessiné le logo et le site d’Exoteach, puis repensé toute sa plateforme, pour les élèves, les professeurs et les gérants d’établissement. - Client : Exoteach est une plateforme e-learning en marque blanche pour les prépas, les écoles, les universités et les organismes de formation : cours, exercices, examens, planning, messagerie, suivi des élèves et paiement, sur le web et en app mobile. Plus de 50 000 élèves l’utilisent. - Rôle : Product Designer en freelance, via 175studio - Période : 2025 – 2026 - Périmètre : Le logo, le site, la plateforme (élèves, professeurs, gérants) - Expertises : UX/UI, design system, identité visuelle, site web (Framer), IA - Mise en ligne : Le site en juin 2025 ; les nouveaux écrans depuis avril 2026, par étapes ### Le site exoteach.com, conçu et monté dans Framer Avant la plateforme, le site. Exoteach parle à la fois aux élèves, aux professeurs et aux gérants d’établissement : chacun a sa page, avec ses fonctions et son ton. Et plutôt que de lister des fonctions, l’accueil fait remonter le produit lui-même, en fenêtres de navigateur. Le site ci-dessus est la version que j’ai livrée. ### Le logo En mars 2025, avant le site, Exoteach cherchait encore son logo. J’avais prévu deux jours pour en proposer un. #### Dix pistes, une idée chacune - Problème : Les fondateurs voulaient un logo « imagé », moderne et un peu ludique, qui raconte la plateforme plutôt que de simplement écrire son nom. - Réponse : Chaque piste part d’une idée : un X fait de deux chevrons, pour la progression et les trois publics (élèves, professeurs, gérants) ; un atome ; un cerveau fait de connexions entre les savoirs ; un cube où un E trace un parcours et finit en chapeau de diplômé ; des trombones entrelacés en cœur, pour les copies papier. Je les ai présentées sans explication, pour ne pas orienter le premier ressenti, et l’équipe les a soumises à son entourage. #### Le monogramme retenu : E, X et O en un seul signe - Problème : Toutes les pistes sont ressorties au moins une fois dans le top de quelqu’un : il fallait choisir celle qui tiendrait partout, du favicon au site. - Réponse : Le monogramme réunit les trois lettres d’EXO : le E arrondi, le X en chevron, le O en point. C’est la piste qui a eu le plus de retours positifs, et pour moi celle qui avait l’identité la plus forte et la moins commune. Je l’ai ensuite affiné, passé en dégradé du turquoise au violet, et décliné pour fond clair ou sombre, en couleur ou en noir et blanc, en version complète ou en symbole seul pour le favicon. ### L’espace élève J’ai repris toute la plateforme, côté élève, professeur et gérant, et l’équipe d’Exoteach la développe. Voici l’espace élève : chaque établissement le propose à ses élèves sous ses propres couleurs, et il était devenu difficile à lire. #### Un accueil comme un tableau d’affichage - Problème : Première page vue à chaque connexion, l’accueil doit donner envie sans devenir un fourre-tout, alors que chaque établissement a ses couleurs et ses fonctions. - Réponse : J’ai croisé le tableau d’affichage des écoles, l’annonce en post-it, et une grille de blocs : analyse, missions du jour, agenda. Éprouvée avec d’autres combinaisons (la messagerie à la place de l’agenda), la page tient d’un établissement à l’autre. Chaque rubrique a sa couleur ; chaque établissement habille un modèle soigné à ses couleurs. #### Une matière, tout sous la main - Problème : Une matière compte des dizaines de cours et des milliers d’exercices : sans ordre, l’élève ne sait pas par où commencer. - Réponse : Chaque matière s’ouvre sur ses dossiers, puis ses leçons en cartes : le type de support d’un coup d’œil, le nombre de pages, la durée, et une barre qui montre où l’élève en est. Trois onglets séparent ce qu’on apprend, ce sur quoi on s’entraîne et sa progression. #### Tout le cours sur un seul écran - Problème : Défilements imbriqués et contenus éparpillés : l’interface demandait un effort avant même de réviser. - Réponse : Le support au centre, ses pages et ses vidéos en vignettes à gauche, à droite les séries d’exercices liées, avec un bouton pour en générer une nouvelle. L’assistant IA tient dans un champ « Une question ? » en bas du panneau : il répond dans le contexte du cours ouvert, sans fenêtre de chat qui surgit. #### Rendre l’écran au contenu - Problème : Un bandeau contextuel occupait le haut de l’écran pour répéter une information déjà affichée. - Réponse : Je l’ai supprimé, et la navigation est passée d’une barre en haut à une barre latérale. Elle rend de la hauteur au support. Pendant une série d’exercices, elle disparaît : il reste la question, le chrono et la progression. #### Après la série, savoir où l’on en est - Problème : Une note seule ne dit pas si l’on progresse, ni où l’on se situe dans sa promo. - Réponse : La fiche d’une série réunit tout : sa note face à la moyenne, la meilleure et la moins bonne, le classement, le temps passé et l’évolution mois après mois. Un bouton reprend la série là où on l’avait laissée. ### Ma façon de travailler - **Le desktop d’abord, page par page** : La refonte commence par le web sur ordinateur et se livre page par page. Exoteach intègre les nouveaux écrans depuis avril 2026, par étapes, pour ne pas bousculer les élèves en cours d’année. L’app mobile vient ensuite, avec moins de fonctions plutôt qu’une copie du desktop. - **Une mission test, puis au plus près des fondateurs** : Tout a commencé par une courte mission test en binôme avec une directrice artistique, sur la page où l’élève fait ses exercices. J’ai ensuite poursuivi seul avec les deux fondateurs : appels fréquents, pistes montrées tôt, et une vidéo de démonstration à chaque étape. ## Seeble https://www.175studio.com/projets/seeble Seeble prospecte sur LinkedIn à la place de ses utilisateurs : il invite des profils ciblés, leur écrit, relance, et ne fait remonter que ceux qui répondent avec un intérêt réel. Je l’ai fait vivre dans les pages de LinkedIn plutôt qu’à côté, j’ai conçu ses écrans, trouvé son nom et dessiné son logo. - Client : Seeble s’adresse aux indépendants et aux petites entreprises qui cherchent des clients sur LinkedIn : avocats, experts-comptables, assureurs, agents immobiliers… Il existe aussi en version recrutement. - Rôle : Lead Product Designer - Période : 2024 – 2026 - Périmètre : L’extension dans LinkedIn, la page de suivi, le nom et le logo - Expertises : UX/UI, extension Chrome, IA, naming et identité visuelle ### L’idée : prospecter là où l’on est déjà Prospecter sur LinkedIn, c’est chercher des profils, les inviter un par un, leur écrire, relancer ceux qui ne répondent pas. Avec Seeble, le client choisit une fois les métiers et les villes qu’il vise ; l’extension invite chaque semaine 100 profils ciblés depuis son compte, leur écrit quand ils acceptent et les relance. Lui ne voit que ce qui compte : les personnes intéressées. #### Une intégration quasi parfaite à LinkedIn - Problème : Une extension qu’il faut ouvrir, c’est une fenêtre de plus que l’on oublie, alors que le client est déjà sur LinkedIn. - Réponse : J’ai intégré Seeble à LinkedIn comme une fonction native : une carte de la largeur des siennes, dans la colonne de droite, au-dessus des actualités, qui se repère sans jurer. Elle dit ce qui se passe, puis ce que Seeble a généré : invitations envoyées, nouvelles connexions, prospects chauds. En 2026, quand LinkedIn a changé d’interface, j’ai conçu un panneau latéral Chrome qui la reprend. ### Autour de la carte Ce qui l’accompagne : une page pour suivre et régler la prospection, et l’identité du produit. #### Les prospects chauds, d’un coup d’œil - Problème : Des centaines d’invitations, des dizaines de connexions : lire chaque réponse pour trouver celles qui comptent, c’est refaire à la main le travail que Seeble devait éviter. - Réponse : La page de suivi reprend le parcours en quatre chiffres, des cibles trouvées aux prospects chauds : les réponses où l’IA repère un intérêt réel, seule carte en noir pour qu’elle se détache. En dessous, la répartition par métier montre qui accepte l’invitation, et chaque profil mène à sa conversation sur LinkedIn. #### Message IA ou message à soi, sur un seul écran - Problème : Les messages écrits par l’IA ajoutaient une deuxième façon d’écrire aux prospects, avec un texte qu’on ne peut pas relire à l’avance : il change pour chaque profil. - Réponse : Pour la refonte de 2026, j’ai tout ramené sur un seul écran : l’IA ou son propre message d’abord, puis le premier message et les deux relances, envoyées 7 puis 30 jours après la lecture. En mode IA, à la place d’un aperçu, l’écran dit sur quoi s’appuie le texte : le métier de chaque profil. Ce mode est en cours de déploiement. #### Un nom qui dit ce que ça fait - Problème : Le produit n’avait pas encore de nom. - Réponse : En mars 2024, j’ai proposé Seeble : « see », voir en anglais, et la fin de « cible », un mot auquel le nom fait aussi penser. Le nom a été retenu, et j’ai dessiné le logo dans la foulée : le mot, souligné d’un trait multicolore. ## Mango3D https://www.175studio.com/projets/mango3d En juillet 2025, j’ai cadré avec l’équipe de Mango3D et dessiné l’interface d’un prototype d’IA : un générateur qui transforme un texte ou une image en modèle 3D imprimable, à envoyer dans Lychee Slicer. - Client : Mango3D, à Mérignac, édite Lychee Slicer, le logiciel de bureau qui prépare les modèles 3D pour l’impression résine et filament. Une large communauté d’amateurs et de semi-professionnels l’utilise, et c’est le leader sur le marché de la résine. - Rôle : Product Designer en freelance via 175studio, cadrage et design UI - Période : Juillet 2025 - Périmètre : Le générateur 3D - Expertises : IA générative, UX/UI, design system (shadcn/ui) - Mise en ligne : Octobre 2025, sous le nom Lychee Gen ### Le générateur 3D Lychee mène sur la résine, mais ses concurrents investissent lourdement dans l’IA, et une partie de la communauté craint qu’elle remplace les créateurs de modèles. Mango3D voulait une preuve de concept discrète : générer un modèle 3D imprimable à partir d’un texte ou d’une image, sur un site à part, d’abord sur ordinateur et avec des bêta-testeurs. #### Quatre aperçus avant le modèle - Problème : Les générateurs 3D du marché empilent les options ; Mango3D voulait un site très simple. - Réponse : Quatre aperçus en 2D avant le modèle, parce qu’une image coûte bien moins cher à générer qu’un modèle : on part d’un texte ou d’une image, on choisit un aperçu ou on relance, puis vient le modèle 3D. On a posé ce parcours ensemble au kickoff, dans Figma, en partant d’outils comme Krea et 3D AI Studio. #### Deux sorties pour le modèle - Problème : Le modèle prêt, on n’est pas toujours devant l’ordinateur où tourne le logiciel. - Réponse : J’ai tenu à garder deux sorties : envoyer le modèle dans le logiciel avec le bouton Slice with Lychee, ou le télécharger en GLB, STL ou OBJ, quand on n’est pas sur son ordinateur. #### Les crédits en vue, les options avancées à part - Problème : Chaque génération coûte des crédits, et le prompt négatif risquait de perdre une partie des utilisateurs. - Réponse : Les crédits restent visibles : un par image, quatre par modèle. Et j’ai proposé de ranger les options avancées dans les réglages, pour garder l’écran principal simple. ### Ma façon de travailler - **Poser la structure avant le style** : J’ai installé la bibliothèque shadcn/ui dans le Figma de Mango3D et je l’ai personnalisée pour Lychee : un design system léger, en sombre comme les outils de la marque, sur lequel j’ai monté les wireframes, puis les maquettes.