[{"data":1,"prerenderedAt":230},["ShallowReactive",2],{"work-fr-family-space":3,"work-cards-fr":143},{"id":4,"title":5,"approach":6,"body":62,"brief":69,"card":75,"description":66,"extension":79,"gallery":80,"hero":101,"heroAlt":102,"meta":103,"navigation":104,"outcome":105,"path":109,"problem":110,"reflection":114,"resources":115,"role":129,"seo":138,"status":139,"stem":140,"summary":141,"__hash__":142},"work_fr\u002Fwork\u002Ffamily-space.md","UBS Family Space",[7,20,26,38,50],{"label":8,"title":9,"prose":10,"artifacts":13},"Recherche","Écouter avant de concevoir",[11,12],"La recherche a été un effort véritablement collaboratif, et la partie que j'ai le plus appréciée. En équipe, nous avons combiné une recherche documentaire sur l'éducation financière, la littératie financière, la banque au quotidien et le paysage concurrentiel ; un sondage sur la banque au quotidien et les habitudes d'argent ; et une série d'entretiens utilisateurs, chacun menant les siens. Nous avons aussi retourné l'application contre elle-même, en analysant les avis d'UBS sur les stores pour entendre les frustrations dans les mots mêmes des utilisateurs.","Nous avons tout synthétisé à l'aide de cartes d'expérience (le parcours d'un parent, les dépenses, la budgétisation, et même le fait de se faire arnaquer) et un brainstorming d'opportunités et d'enseignements. Le constat était cohérent : les gens peinent avec le jargon bancaire et une interface encombrée, et ils apprécient qu'on les aide à comprendre l'argent plutôt que de leur montrer simplement plus de produits. Réunir ces fils en une seule vue d'ensemble a fait le pont vers le travail de définition que j'ai ensuite mené.",[14],{"src":15,"alt":16,"caption":17,"decision":18,"width":19},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fartifact-research-quote.jpg","Une grande citation tirée d'un entretien avec un parent : un enfant dépense trop et se retrouve sans argent, reçoit un petit dépannage, et doit apprendre à faire attention car l'argent ne tombe pas du ciel.","Recherche — un parent, en entretien.","Les entretiens ramenaient sans cesse à enseigner la valeur de l'argent, et non à ajouter un produit de plus.","wide",{"label":21,"title":22,"prose":23},"Direction","Faire du « nice to have » le sujet",[24,25],"Le cahier des charges plaçait l'éducation financière au centre et ne listait les utilisateurs plus jeunes et les enfants que comme un nice to have. Le pari de l'équipe a été de faire de ce nice to have le cœur du concept : si l'éducation est l'objectif, le point de départ le plus naturel est là où les habitudes d'argent se forment en premier, entre parents et enfants.","Nous avons passé en revue le paysage de la finance familiale (les produits du type goHenry et Greenlight, les portefeuilles familiaux, les recommandations de design pour les adolescents) et recadré le travail autour d'un espace familial partagé au sein de l'application UBS, où un parent et un enfant gèrent ensemble l'argent, les limites et l'apprentissage.",{"label":27,"title":28,"prose":29,"artifacts":32},"Définition","De la recherche à un problème qui vaut la peine d'être résolu",[30,31],"La direction posée, j'ai mené la phase de définition moi-même. J'ai regroupé la recherche en un diagramme d'affinités, puis construit deux personas pour ancrer le travail dans le réel : Sophie, une mère active de quarante et un ans et cliente UBS qui veut élever des enfants responsables sans rendre l'argent tabou ni perdre son sentiment de contrôle, et Leo, treize ans, avec sa première carte bancaire, qui veut surtout savoir ce qu'il peut dépenser et épargner pour quelque chose de plus grand.","La tension entre eux a produit un ensemble de questions How Might We (transformer la banque du quotidien en moments d'apprentissage, rendre la valeur de l'argent visible, soutenir une éducation adaptée à l'âge) et deux énoncés de problème nets. Sophie a besoin d'un moyen simple d'enseigner la banque au quotidien tout en gardant des limites sûres, parce qu'elle ne se sent pas équipée pour les guider ; Leo a besoin d'un moyen clair et visuel de voir ce qu'il peut dépenser et épargner, parce qu'il ne voit l'argent que comme quelque chose pour s'amuser.",[33],{"src":34,"alt":35,"caption":36,"decision":37,"width":19},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fartifact-define-affinity.jpg","Un diagramme d'affinités de six thèmes de recherche regroupés : éviter la conversation, contrôle contre confiance, la valeur de l'argent, commencer jeune selon l'âge, dépensier contre épargnant, et les leçons que les parents transmettent.","Définition — le diagramme d'affinités.","Le regroupement a fait émerger la vraie tension : les parents veulent aider sans surveiller.",{"label":39,"title":40,"prose":41,"artifacts":44},"Idéation","Des manques à une grande idée",[42,43],"Avant de concevoir le moindre flow, j'ai passé le terrain en revue, y compris l'offre d'UBS elle-même pour les plus jeunes, et nommé les manques. L'éducation financière était reléguée sur le côté dans des articles, il n'y avait pas de parcours d'apprentissage, pas de vraie interface enfant ni d'analyses, les récompenses n'étaient pas liées aux bonnes habitudes, et presque rien ne soutenait les échanges réguliers sur l'argent entre parent et enfant.","J'ai mené une idéation par la méthode Lotus sur les questions How Might We, regroupé les résultats et convergé vers une grande idée à trois piliers : pratiquer avec des garde-fous (limites sûres, niveaux selon l'âge, cercles de personnes de confiance), la banque au quotidien comme des « money missions » où des actions réelles deviennent de petits moments d'apprentissage, et un Family Space conçu pour la conversation plutôt que pour la surveillance. Ce dernier pilier venait directement de la recherche : les parents nous ont dit qu'ils ne voulaient pas vraiment le détail fin des dépenses de leur enfant, parce que trop de supervision se lit comme du contrôle et érode la confiance. La phrase qui nous gardait sur les rails était « moins une application de contrôle parental, plus du coaching et du soutien ».",[45],{"src":46,"alt":47,"caption":48,"decision":49,"width":19},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fartifact-ideate-pillars.jpg","La grande idée présentée en trois piliers : pratiquer avec des garde-fous, la banque au quotidien comme des money missions, et un Family Space conçu pour la conversation plutôt que pour la surveillance.","Idéation — la grande idée, en trois piliers.","Le cadrer comme du coaching plutôt que du contrôle a donné le ton à tout le concept.",{"label":51,"title":52,"prose":53,"artifacts":56},"Flows","Quatre flows, de bout en bout",[54,55],"À partir de la grande idée, j'ai cartographié quatre user flows de bout en bout : l'activation du Family Space, l'espace du parent, l'espace de l'enfant, et un récapitulatif mensuel conçu pour une conversation sur l'argent entre parent et enfant. Le flow d'activation à lui seul gère les vrais cas, dans tout leur désordre (pas encore de profil familial, lier un compte existant, ouvrir un compte jeunesse, un enfant de moins de douze ans) avec des étapes système et des limites recommandées préremplies, de sorte qu'un parent ne configure jamais à partir d'une page blanche.","Les flows portent les mécaniques qui rendent l'idée concrète. Un parent fixe une fois les limites totale, journalière, hebdomadaire et par catégorie, puis n'y touche presque plus ; les tâches ménagères se transforment en argent de poche que l'enfant gagne ; les « réussites » d'épargne transforment un objectif comme un vélo en progression visible. Mon préféré est un petit détail : quand un enfant dépense, l'application traduit le montant en quelque chose qu'il comprend, « vingt francs, c'est environ deux kebabs », rendant la valeur de l'argent tangible plutôt qu'abstraite. L'adolescent a son propre flow parce que sa relation à l'argent, à l'autonomie et à la vie privée est véritablement différente, et les flows sont la partie de ce projet que j'ai portée de bout en bout.",[57],{"src":58,"alt":59,"caption":60,"decision":61,"width":19},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fartifact-flows-activation.jpg","Un flow d'activation en trois étapes montré sur des écrans de téléphone : ouvrir la nouvelle section Family, sélectionner l'enfant, puis suivre les analyses, les limites et les objectifs de l'enfant.","Flows — activer le Family Space.","Des limites recommandées préremplies font qu'un parent ne configure jamais à partir d'une page blanche.",{"type":63,"value":64,"toc":65},"minimark",[],{"title":66,"searchDepth":67,"depth":67,"links":68},"",2,[],{"role":70,"year":71,"host":72,"scope":73,"shipped":74},"Recherche et user flows","2025","SUPSI × UBS","Équipe de cinq","Recherche, user flows, prototype Figma",{"title":76,"image":77,"alt":78},"UBS Family Space — l'endroit partagé d'une famille pour gérer l'argent","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fadjacent.jpg","Concept UBS Family Space : deux écrans de téléphone sur un dégradé rouge doux, un hub parent pour les analyses, les limites et les objectifs de l'enfant, et l'écran d'objectif d'épargne de l'enfant.","md",[81,85,89,93,97],{"src":82,"alt":83,"caption":84},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fgallery-personas.jpg","Deux fiches persona côte à côte : Sophie, 41 ans, mère active et cliente UBS, et Leo, 13 ans, avec sa première carte bancaire, chacun avec une courte citation et son besoin principal.","Définition — les personas Sophie et Leo.",{"src":86,"alt":87,"caption":88},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fgallery-limits.jpg","L'écran de limites de dépenses d'un parent : une limite mensuelle, une limite journalière et des limites par catégorie pour les achats en ligne, les loisirs, l'alimentation et le sport, chacune affichant un montant et le pourcentage dépensé.","Parent — limites de dépenses par catégorie.",{"src":90,"alt":91,"caption":92},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fgallery-analytics.jpg","L'écran d'analyses d'un enfant avec un graphique à barres des dépenses mensuelles, les totaux d'argent entrant et sortant, et le solde du compte.","Enfant — analyses personnelles des dépenses.",{"src":94,"alt":95,"caption":96},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fgallery-goal.jpg","L'écran d'objectif d'épargne d'un enfant pour un vélo montrant CHF 366 épargnés sur CHF 3'000, une barre de progression à 13 pour cent, et une illustration de tirelire.","Enfant — épargner pour un objectif.",{"src":98,"alt":99,"caption":100},"\u002Fimages\u002Fwork\u002Ffamily-space\u002Fgallery-kebab.jpg","Un énoncé indiquant que CHF 20 correspond à environ deux kebabs, montrant comment l'application traduit une dépense en un équivalent du quotidien qu'un adolescent comprend.","Flows — rendre la valeur de l'argent tangible.","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fhero.jpg","Deux écrans de téléphone sur un dégradé rouge doux à côté de la phrase « A shared space for a parent and a child » : un hub parent montrant les analyses, les limites et les objectifs de l'enfant, et l'écran d'objectif d'épargne de l'enfant avec sa progression vers un vélo.",{},true,[106,107,108],"Une base de recherche bâtie à partir d'un sondage, d'une recherche documentaire et des avis mêmes des utilisateurs de l'application, pointant clairement vers la simplification et l'éducation comme les vraies opportunités.","Quatre user flows de bout en bout (activation, espace parent, espace enfant et récapitulatif mensuel), transformant la grande idée en quelque chose de navigable écran par écran.","Un prototype Figma du Family Space partagé, présenté directement à l'équipe UBS, qui a transformé un projet de cours en une véritable conversation client.","\u002Fwork\u002Ffamily-space",[111,112,113],"Le cahier des charges d'UBS était précis et n'avait rien à voir avec les familles : simplifier l'application mobile UBS, avec un accent sur l'éducation financière, pour les clients particuliers ordinaires, âgés d'environ trente à soixante ans. Les utilisateurs plus jeunes et les enfants n'étaient mentionnés que comme un « nice to have ».","Le raisonnement était concret. Une architecture de l'information confuse rend les produits difficiles à trouver et éloigne les gens. Le jargon bancaire crée de la confusion, un sentiment d'insécurité et du stress, ce qui diminue l'engagement et les inscriptions. Et des tests passés avaient montré que l'éducation au sein de l'application était perçue comme un véritable avantage, un investissement justifié pour la fidélité et la rétention.","Le vrai problème n'était donc pas « concevoir une application familiale ». C'était : comment rendre une application bancaire dense plus facile à comprendre, et transformer l'éducation financière d'une fonctionnalité enfouie en une raison de rester ?","Ce que je retire de ce projet, c'est la partie du travail qu'il est facile de sauter et difficile de simuler : la recherche et les user flows. Les flows surtout sont l'endroit où un beau concept devient cohérent ou s'effondre discrètement, et cartographier de bout en bout à la fois le parcours du parent et celui de l'adolescent est le travail dont je suis le plus fier, même là où le prototype final a pris une autre forme. Concevoir sous une vraie contrainte client, pour une application aussi dense que celle d'UBS, a rendu cette rigueur plus importante, et non moins.",[116,120,125],{"type":117,"title":118,"url":119},"pdf","Presentation deck","\u002Ffiles\u002Ffamily-space-presentation.pdf",{"type":121,"title":122,"poster":123,"src":124},"video","Parent walkthrough","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fparent-poster.jpg","\u002Fvideos\u002Ffamily-space\u002Fparent-walkthrough.mp4",{"type":121,"title":126,"poster":127,"src":128},"Kid walkthrough","\u002Fimages\u002Fwork\u002Ffamily-space\u002Fkid-poster.jpg","\u002Fvideos\u002Ffamily-space\u002Fkid-walkthrough.mp4",{"led":130,"contributed":133,"notTouched":135,"team":137},[131,132],"La phase de définition : le diagramme d'affinités, les personas, les questions How Might We, et les énoncés de problème et d'objectif","Les fonctionnalités et l'ensemble des user flows, y compris le parcours du parent et le parcours de l'adolescent",[134],"La recherche utilisateur avec l'équipe : le sondage sur la banque au quotidien, la recherche documentaire, et l'analyse des avis de l'application sur les stores",[136],"Le design visuel final et la finition de l'UI, menés par d'autres dans l'équipe","Équipe de cinq (Andrii Ioffe, Edoardo Carlani, Giorgia Salmoiraghi, Jérémy Martin, Oleksandra Drapushko) pour ID111 Designing Digital Experiences à la SUPSI, avec une phase de recherche menée de façon collaborative. Commandé par UBS.",{"title":5,"description":66},"live","work\u002Ffamily-space","Un projet commandé par UBS pour simplifier son application mobile autour de l'éducation financière. La réponse de l'équipe a été un espace familial partagé pour les parents et les enfants. Ma part a été la recherche utilisateur collaborative et les user flows détaillés qui ont cartographié son fonctionnement réel.","4l6yTt_HE_0TWDw2N7XVXNurD7fkx_o2lNuJwVNWv5E",[144,150,156,162,168,174,180,186,192,194,200,206,212,218,224],{"path":145,"card":146},"\u002Fwork\u002Fa-ta-dispo",{"title":147,"alt":148,"image":149},"À ta Dispo — mettre en relation les bénévoles d'événements avec les organisateurs","Le logotype dessiné à la main d'À ta Dispo, un logo corail sur une forme d'autocollant rose, sur un fond corail uni.","\u002Fimages\u002Fwork\u002Fa-ta-dispo\u002Fadjacent.jpg",{"path":151,"card":152},"\u002Fwork\u002Fan-aura-of-words",{"title":153,"image":154,"alt":155},"An Aura of Words — les parcs de Lugano, racontés par leurs avis","\u002Fimages\u002Fwork\u002Fan-aura-of-words\u002Fadjacent.jpg","Les cinq parcs de Lugano montrés sur une carte, chacun une aura organique aux couleurs mêlées dimensionnée par le volume d'avis.",{"path":157,"card":158},"\u002Fwork\u002Fbeau-rivage",{"title":159,"alt":160,"image":161},"Beau-Rivage Eco-Redesign — un site d'hôtel de luxe 95 % plus léger","Le site du Beau-Rivage Palace refondu : sobre, élégant, bien plus léger que l'original.","\u002Fimages\u002Fwork\u002Fbeau-rivage\u002Fadjacent.jpg",{"path":163,"card":164},"\u002Fwork\u002Fbereal",{"title":165,"alt":166,"image":167},"Recoder BeReal — une capture à double caméra et un pipeline d'images","Recoder BeReal : la publication composée à double photo à côté du fil d'un ami, sur une interface mobile sombre.","\u002Fimages\u002Fwork\u002Fbereal\u002Fadjacent.jpg",{"path":169,"card":170},"\u002Fwork\u002Fbrushbuddy",{"title":171,"image":172,"alt":173},"BrushBuddy — un cube monstre qui guide deux minutes de brossage des dents","\u002Fimages\u002Fwork\u002Fbrushbuddy\u002Fadjacent.jpg","Une main soulève la brosse à dents du socle au sommet du cube BrushBuddy, qui arbore un visage de monstre jaune inquiet.",{"path":175,"card":176},"\u002Fwork\u002Fcultural-trails",{"title":177,"alt":178,"image":179},"Cultural Trails — une app de randonnée patrimoniale full-stack","Deux écrans de l'application Sentiers culturels sur le ruban de sentier vert, pêche et bleu du projet : la carte d'exploration des sentiers le long de la rive de Lausanne, et la navigation en cours de marche suivant un itinéraire sur une carte satellite.","\u002Fimages\u002Fwork\u002Fcultural-trails\u002Fadjacent.jpg",{"path":181,"card":182},"\u002Fwork\u002Fdatabloom",{"title":183,"image":184,"alt":185},"DataBloom — rendre visible l'impact énergétique des usages numériques","\u002Fimages\u002Fwork\u002Fdatabloom\u002Fadjacent.jpg","La fleur DataBloom : des pétales en feutre outremer sur une tige verte segmentée dans un petit pot en terre cuite, sur un fond de studio blanc.",{"path":187,"card":188},"\u002Fwork\u002Felen",{"title":189,"image":190,"alt":191},"ELEN — une caméra spéculative pour les présences sans fil invisibles","\u002Fimages\u002Fwork\u002Felen\u002Fadjacent.jpg","ELEN, une caméra portable au corps orange translucide avec deux poignées blanches, éclairée sur un fond de studio gris, son écran bleu profond visible à travers le plexiglas.",{"path":109,"card":193},{"title":76,"image":77,"alt":78},{"path":195,"card":196},"\u002Fwork\u002Fhuman-loci",{"title":197,"image":198,"alt":199},"Human Loci — un objet d'écoute synesthésique","\u002Fimages\u002Fwork\u002Fhuman-loci\u002Fadjacent.jpg","Human Loci : une boîte d'écoute transparente en acrylique avec trois disques de plâtre pour un parc, un port de plaisance et une gare.",{"path":201,"card":202},"\u002Fwork\u002Fmeeting-pond",{"title":203,"alt":204,"image":205},"Meeting Pond — des objets lumineux connectés pour la présence à distance","Deux unités Meeting Pond connectées posées côte à côte, l'une luisant en bleu et l'autre en rose, chacune montrant des ondes sur une grille de LED 32×32.","\u002Fimages\u002Fwork\u002Fmeeting-pond\u002Fadjacent.jpg",{"path":207,"card":208},"\u002Fwork\u002Fthea",{"title":209,"image":210,"alt":211},"Thea — un nouveau sens, calme, pour vivre avec une allergie","\u002Fimages\u002Fwork\u002Fthea\u002Fadjacent.jpg","Le wearable Thea suspendu dans un entrelacs de cordes orange sur un ciel cobalt, sa jauge oblongue qui luit, un cliché éditorial tiré de la présentation finale.",{"path":213,"card":214},"\u002Fwork\u002Fuefa-female-coaches",{"title":215,"alt":216,"image":217},"Why Not You? — la campagne UEFA pour les entraîneuses","La campagne Why Not You? : une typographie d'affichage percutante sur une entraîneuse, avec la ligne Lead Your Passion, Shape the Game.","\u002Fimages\u002Fwork\u002Fuefa-female-coaches\u002Fadjacent.jpg",{"path":219,"card":220},"\u002Fwork\u002Fwama",{"title":221,"image":222,"alt":223},"Wama — le machine learning comme témoin au bord de l'évier","\u002Fimages\u002Fwork\u002Fwama\u002Fadjacent.jpg","Le montage d'évier construit pour Wama, de biais : un robinet versant dans un bac transparent, le téléphone dans son support découpé au laser affichant le personnage.",{"path":225,"card":226},"\u002Fwork\u002Fwematch",{"title":227,"image":228,"alt":229},"WeMatch — un service de matching AX pour l'univers WeRoad","\u002Fimages\u002Fwork\u002Fwematch\u002Fadjacent.jpg","Carte-titre WeMatch : « WeMatch finds your group before you find your trip » en corail et encre sur un dégradé doux du blanc au rose, avec le personnage rond de l'agent Matchy.",1783535580583]