1:HL["/_next/static/media/26d0ba92e140f0dc.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
2:HL["/_next/static/css/9384af821cac800b.css","style",{"crossOrigin":""}]
0:["wmPE6kRGOWaCuDRAxnUgW",[[["",{"children":["projets",{"children":["2-sleepbuddy",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],"$L3",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/9384af821cac800b.css","precedence":"next","crossOrigin":""}]],"$L4"]]]]
5:I[1510,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","58","static/chunks/58-6061de38e9a0d3b8.js","185","static/chunks/app/layout-af665d2804dcd62a.js"],""]
6:I[4617,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","58","static/chunks/58-6061de38e9a0d3b8.js","185","static/chunks/app/layout-af665d2804dcd62a.js"],""]
7:I[6954,[],""]
8:I[7264,[],""]
a:I[8326,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","945","static/chunks/945-bb381a989d075d7e.js","35","static/chunks/35-319e65867326d4c2.js","769","static/chunks/769-575323b3202ff86f.js","619","static/chunks/app/projets/2-sleepbuddy/page-02c000a63dd13bd4.js"],""]
b:I[413,["945","static/chunks/945-bb381a989d075d7e.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","202","static/chunks/app/projets/page-a2425bf0dd87d100.js"],"Image"]
3:[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_567f2c bg-bg text-base text-primary","children":["$","$L5",null,{"children":[["$","$L6",null,{}],["$","main",null,{"id":"page-content","className":"relative flex flex-col overflow-x-hidden","children":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[],"initialChildNode":[null,["$","div",null,{"className":"flex w-full flex-col items-start","children":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$","$L7",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children","2-sleepbuddy","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L8",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$L9",[["$","div",null,{"className":"relative w-full z-0","children":[["$","div",null,{"className":"absolute top-0 left-0 w-full","style":{"height":"80%","backgroundColor":"#EBDAC2"}}],["$","div",null,{"className":"relative m-auto max-w-[1600px] px-[14vw] pt-40 pb-20 transition-colors duration-500","children":["$","div",null,{"className":"flex flex-col gap-8 tablet:flex-row justify-between","children":[["$","div",null,{"className":"flex flex-col justify-center","children":[["$","h1",null,{"className":"my-2 text-4xl font-medium text-black tablet:text-6xl mt-20","children":"SleepBuddy"}],["$","div",null,{"className":"mb-16","children":["$","p",null,{"children":"Conception d’une solution pour aider les étudiants à optimiser leur hygiène de sommeil"}]}]]}],["$","div",null,{"className":"max-h-[40vh] justify-center flex tablet:max-w-[50%] tablet:max-h-[50vh] tablet:justify-end","children":["$","img",null,{"className":"object-contain","src":"/images//sleepbuddy/phone.png","alt":"Maquette top","title":"Maquette top"}]}]]}]}]]}],"\n",["$","div",null,{"className":"flex w-full flex-col items-center gap-16 py-8 tablet:gap-24 tablet:py-10","children":[["$","div",null,{"className":"flex flex-col gap-16 px-[14vw] tablet:flex-row","children":[["$","div",null,{"className":"flex flex-col gap-2 tablet:max-w-[60%]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Contexte"}],[["$","p",null,{"children":"En 2024, 6 étudiants sur 10 dormaient mal, et 98% s'endormaient avec leur téléphone dans la main. Derrière ces chiffres se cache une réalité plus complexe : celle d'une génération prise au piège entre hyperconnexion et épuisement."}],["$","p",null,{"children":"Dans le cadre d'un projet universitaire, nous avions pour mission d'imaginer une expérience nouvelle alliant dimensions physique et numérique sur le thème de la santé. Avec mon binôme, nous avons choisi de nous attaquer à l'un des défis le plus universel de notre génération : retrouver un sommeil réparateur."}]]]}],["$","div",null,{"className":"flex flex-col gap-2 tablet:max-w-[60%]","children":[["$","p",null,{"children":["$","strong",null,{"children":"Rôle :"}]}],["$","p",null,{"children":"UX/UI Designer"}],["$","p",null,{"children":["$","strong",null,{"children":"Durée :"}]}],["$","p",null,{"children":"6 mois"}],["$","p",null,{"children":["$","strong",null,{"children":"Outils :"}]}],["$","p",null,{"children":"Figma, Blender"}]]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Étapes Clés"}],["$","div",null,{"className":"grid grid-flow-row grid-cols-2 gap-12 tablet:grid-cols-4","children":[["$","div","0",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["01","."]}],["$","p",null,{"children":"Benchmark des solutions existantes"}]]}],["$","div","1",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["02","."]}],["$","p",null,{"children":"Entretien Utilisateur puis création de persona et User journey map"}]]}],["$","div","2",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["03","."]}],["$","p",null,{"children":"Idéation du concept"}]]}],["$","div","3",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["04","."]}],["$","p",null,{"children":"Conception de l’expérience utilisateur (Vison, User flows, cartographie de contenu...)"}]]}],["$","div","4",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["05","."]}],["$","p",null,{"children":"1ère Itération (prototype basse fidélité et test de 5s adapté)"}]]}],["$","div","5",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["06","."]}],["$","p",null,{"children":"2e Itération (prototype haute fidélité et test utilisateur)"}]]}],["$","div","6",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["07","."]}],["$","p",null,{"children":"Amélioration du prototype en fonction des retours"}]]}]]}]]}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"L'état du marché"}],["$","div",null,{"children":["$","p",null,{"children":"Avant de nous lancer, nous devions comprendre ce qui existait déjà. Notre benchmark a révélé une réalité frustrante et un marché scindé en deux."}]}],["$","div",null,{"children":["$","p",null,{"children":"D'un côté, Sleep Cycle et d’autres concurrents collectaient nos données pendant notre sommeil. De l'autre, Mon Coach Sommeil partageait des conseils génériques pour améliorer l'hygiène du sommeil. Mais aucun ne faisait le pont entre ces deux mondes."}]}],["$","div",null,{"children":["$","p",null,{"children":"Nous avons ensuite mené des entretiens avec 10 étudiants pour comprendre leur rapport au sommeil. Les problèmes observés étaient :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Stress et rumination mentale au coucher (\"Je stresse énormément avant de dormir\")"}],["$","li",null,{"children":"Usage compulsif des écrans malgré une conscience du problème"}],["$","li",null,{"children":"Sentiment d'impuissance face à leurs habitudes (\"Si c'était à refaire je referai pareil\")"}],["$","li",null,{"children":"Demande explicite d'un cadre externe (\"J'aurais besoin d'un contremaître\")"}]]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"En cartographiant ces parcours utilisateurs, nous avons eu notre première révélation : nos deux cibles initiales, l'étudiant lambda et celui en période d'examen, vivaient exactement les mêmes problématiques au coucher. Ceci a tout changé, plutôt que de concevoir deux expériences distinctes, nous pouvions nous concentrer sur un parcours unifié."}]}],["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/persona.jpg","alt":"Maquette final","title":"persona"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"Persona final"}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/userjourney.jpg","alt":"Maquette final","title":"userjourneymap"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Vision produit : le \"Tamagotchi du sommeil\""}],["$","div",null,{"children":["$","p",null,{"children":"C'est lors d'une session de brainstorming que l'idée a émergé. Et si, au lieu de créer un énième tracker froid, nous concevions un vrai compagnon bienveillant ?"}]}],["$","div",null,{"children":["$","p",null,{"children":"L'image du Tamagotchi s'est imposée naturellement. Ce petit compagnon virtuel qui nous rendait responsables de son bien-être. Sauf que cette fois-ci, c'est lui qui prendrait soin de nous."}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"C'est lors d'une session de brainstorming que l'idée a émergé. Et si, au lieu de créer un énième tracker froid, nous concevions un vrai compagnon bienveillant ?"}]}],["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/userflows.jpg","alt":"Maquette final","title":"user flows"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"User flows"}]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Premier test : valider l'idée en 5 secondes"}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Plutôt que de foncer tête baissée avec la réalisation d’un prototype avancé, nous avons d'abord testé notre idée sous une forme plus simple, un scénario. Le but était de faire comprendre SleepBuddy lors d’un test de 5 secondes adapté et mesurer les premières réactions."}]}],["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/storyboard.png","alt":"Maquette final","title":"Storyboard "}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Storyboard (prototype basse fidélité)"}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Les résultats nous ont rassuré. L'objectif était compris, la mascotte marquait les esprits et les étudiants se projetaient avec le dispositif. Mais certaines questions subsistaient sur la valeur ajoutée de l'objet physique et la qualité des conseils proposés. Maintenant que nous tenions notre direction, il fallait la concrétiser."}]}]]}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Prototype"}],["$","div",null,{"children":["$","p",null,{"children":"Comment tester des interactions physiques sans budget ni compétences techniques ? Nous avons fait preuve de créativité."}]}],["$","div",null,{"children":["$","p",null,{"children":"Notre processus s'est déroulé en trois étapes :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Un Wireframe détaillé pour définir l'architecture de l'information"}],["$","li",null,{"children":"Une Modélisation 3D sur Blender pour visualiser l'objet "}],["$","li",null,{"children":"Des Maquettes Figma pour l'interface utilisateur de l'application et de l’objet physique"}]]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/wireframe.jpg","alt":"Maquette final","title":"wireframe aobjet physique"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":["$","div",null,{"className":"flex flex-col gap-8 tablet:flex-row justify-between","children":["$","div",null,{"className":"flex flex-col justify-center","children":["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","video",null,{"loop":true,"autoPlay":true,"muted":true,"children":["$","source",null,{"src":"/images/sleepbuddy/pub.mp4","type":"video/mp4"}]}]}]}]}]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/maquette.jpg","alt":"Maquette final","title":"maquette final"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Pour tester notre solution : une boîte en carton transformée en SleepBuddy a été confectionnée dans laquelle était intégré un téléphone pour l’écran. Un second, lui, simulait l'application mobile. Low-tech mais efficace pour tester l'essentiel : interactions, navigation, compréhension des concepts."}]}],["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/sleepbuddy/proto.jpg","alt":"Maquette final","title":"Prototype en carton"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"Prototype en carton durant les tests"}]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Tests puis itérations"}],["$","div",null,{"children":["$","p",null,{"children":"Avec notre prototype, nous avons organisé des sessions de test pour valider les interactions et identifier les points de friction."}]}],["$","div",null,{"children":["$","p",null,{"children":"Ce qui a marché :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Navigation par molette intuitive après apprentissage (\"Il y a un petit temps d'apprentissage au début mais ensuite on s'y fait\")"}],["$","li",null,{"children":"Aspect ludique apprécié, comparaisons spontanées au Tamagotchi"}],["$","li",null,{"children":"Majorité des notes d’évaluation de l’expérience à 4/5"}]]}],["$","div",null,{"children":["$","p",null,{"children":"Ce qui coinçait :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Besoin de clarification sur les scores de sommeil"}],["$","li",null,{"children":"Parcours manquant de fluidité par moment "}],["$","li",null,{"children":"Débat sur l'utilité de l'objet physique versus app mobile"}]]}],["$","div",null,{"className":"pb-12","children":["$","ul",null,{"children":["\n",["$","li",null,{"children":"Le plus encourageant : Plusieurs participants se projetaient spontanément avec l'outil, décrivant où ils le placeraient dans leur chambre."}],"\n",["$","li",null,{"children":"Itérations apportées : Sur la base de ces retours, nous avons affiné les maquettes haute-fidélité : typographies plus douces, navigation simplifiée avec accès direct aux statistiques au réveil et explication de celles-ci."}],"\n"]}]}]]}],["$","div",null,{"className":"w-full bg-[#F5F5F5] flex flex-col gap-16 py-8 tablet:gap-24 tablet:py-10","children":["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":["$","div",null,{"class":"relative w-full pb-[56.25%] overflow-hidden rounded-2xl","children":["$","iframe",null,{"class":"absolute top-0 left-0 h-full w-full","src":"https://www.youtube.com/embed/c9bW13jJ0wI","title":"YouTube video","frameborder":"0","allowfullscreen":true}]}]}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","h2",null,{"className":"text-16 font-bold text-primary justify-center whitespace-nowrap","children":"Ce que ce projet m'a appris"}],["$","div",null,{"children":["$","p",null,{"children":"Ce projet a élargi ma boîte à outils : le test 5 secondes pour valider rapidement un concept, la vision de l'expérience pour définir clairement notre direction, et surtout l'adaptabilité face aux contraintes. Cette approche \"système D\" m'a montré qu'une bonne idée peut être testée avec les moyens du bord."}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Limite principale : Sans prototype physique fonctionnel, une troisième itération avec un objet taille réelle et des tests en conditions réelles d'usage nocturne reste nécessaire pour valider définitivement l'expérience et l'acceptation du produit."}]}]]}]]}]],null],"childPropSegment":"__PAGE__","styles":null}],"childPropSegment":"2-sleepbuddy","styles":null}]}],null],"childPropSegment":"projets","styles":null}]}],["$","footer",null,{"className":"m-auto flex justify-between text-black px-5 py-4 tablet:px-10 laptop:px-[60px] desktop:px-32","children":[["$","div",null,{"className":"flex flex-col justify-center","children":[["$","h2",null,{"className":"mb-8 text-2xl font-semibold","children":"Clément Lascar"}],["$","a",null,{"href":"mailto:clementlascar35@gmail.com","className":"","children":"clementlascar35@gmail.com"}],["$","a",null,{"href":"tel:+336 95 54 40 10","className":"mb-8","children":"06 95 54 40 10"}],["$","$La",null,{"href":"https://www.linkedin.com/in/cl%C3%A9ment-lascar-a268aa252/","className":"w-max","children":["$","$Lb",null,{"src":"/linkedin.png","alt":"linkedin","width":25,"height":25}]}]]}],["$","div",null,{"className":"hidden flex-col justify-center tablet:flex","children":[["$","h2",null,{"className":"mb-8 text-2xl font-semibold","children":"Projets"}],[["$","$La","Bimeoforms",{"href":"/projets/1-Bimeoforms","className":"underline","children":"Bimeoforms"}],["$","$La","SleepBuddy",{"href":"/projets/2-sleepbuddy","className":"underline","children":"SleepBuddy"}],["$","$La","Google Insiders",{"href":"/projets/3-projetgoogle","className":"underline","children":"Google Insiders"}]]]}]]}]]}]}]}],null]
4:[["$","meta","0",{"name":"viewport","content":"width=device-width, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"Portfolio clement"}],["$","meta","3",{"name":"description","content":"Portfolio clement"}],["$","link","4",{"rel":"icon","href":"/logo.png"}]]
9:null