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":["1-Bimeoforms",{"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","520","static/chunks/app/projets/1-Bimeoforms/page-7cab5f8c9845c642.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","1-Bimeoforms","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":"#DCE7EF"}}],["$","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":"Bimeoforms"}],["$","div",null,{"className":"mb-16","children":["$","p",null,{"children":"Création d’un nouveau service pour aider les auditeurs énergétiques lors de leur audit"}]}]]}],["$","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/forms/phone.png","alt":"Maquette top","title":"bimeoforms"}]}]]}]}]]}],"\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, l’aide de l’État Ma Prime Rénov’ bouleverse le marché : des milliers de propriétaires se ruent vers les diagnostiqueurs pour obtenir un audit énergétique."}],["$","p",null,{"children":"Chez Bimeo, nous avions déjà une solution solide de scan 3D en réalité augmentée. Puissante pour les bureaux d’études, mais trop lourde pour les diagnostiqueurs indépendants. Le constat fut le suivant : ce public cherchait rapidité et simplicité, pas une usine à gaz."}]]}],["$","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":"2 mois"}],["$","p",null,{"children":["$","strong",null,{"children":"Outils :"}]}],["$","p",null,{"children":"Figma, Suite Adobe, Attrackdiff"}]]}]]}],["$","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":"Révélations terrain "}],["$","div",null,{"className":true,"children":["$","p",null,{"children":"Avec la responsable produit, nous avons accompagné un auditeur sur une journée complète d’audit. Observer son travail a tout changé : tablette d’un côté, télémètre de l’autre, carnet de notes et autres outils toujours à portée de main."}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Nous avons compris que la solution actuelle convenait aux bureaux d’études voulant de la précision, mais pas à la plupart des auditeurs. Ces derniers n’avaient pas besoin de scans 3D ni de plans, seulement de saisir rapidement les mêmes informations précises. Et surtout, ils subissaient une double saisie interminable pour transférer leurs données dans leur logiciel métier. Ceci a fait écho aux informations récoltées lors d’entretiens préalables ainsi qu’aux constats du commercial. C’est là que le déclic a eu lieu : le vrai problème n’était pas technique, mais structurel."}]}]]}]}],["$","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":"Brief du concept"}]]}],["$","div","1",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["02","."]}],["$","p",null,{"children":"Conception de l’expérience utilisateur (Userflows, cartographie de contenu...)"}]]}],["$","div","2",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["03","."]}],["$","p",null,{"children":"Wireframe, Maquettage, Kit UI et design système"}]]}],["$","div","3",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["04","."]}],["$","p",null,{"children":"Plan de test Utilisateur"}]]}],["$","div","4",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["05","."]}],["$","p",null,{"children":"Tests utilisateur et analyse"}]]}],["$","div","5",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["06","."]}],["$","p",null,{"children":"Amélioration de la maquette"}]]}],["$","div","6",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["07","."]}],["$","p",null,{"children":"Transmission de la maquette à l’équipe de développement"}]]}]]}]]}],["$","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":"Le concept"}],["$","div",null,{"children":["$","p",null,{"children":"L'équipe dirigeante décide de créer un formulaire mobile basé sur la trame 3CL(méthode de calcul pour obtenir ”ma prime renov”), directement exportable vers leur logiciel métier “BatiAudit” qui est aussi notre partenaire. Objectif : rendre la saisie des informations facile et rapide tout en éliminant la double saisie."}]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"L'annonce qui change tout : présenter une version bêta au salon Batimat fin septembre. Soit un délai de 4 mois. Ma mission, tout concevoir et tester en 2 mois chrono pour laisser ensuite le temps au développement ."}]}]]}]}],["$","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":"Architecture de l'expérience"}],["$","div",null,{"children":["$","p",null,{"children":"La méthode 3CL est un document réglementaire dense, avec plus de 150 champs obligatoires. Pour gagner du temps, l’équipe avait déjà commencé un travail d’analyse et m’a transmis une carte mentale listant tous les éléments à intégrer."}]}],["$","div",null,{"children":["$","p",null,{"children":"À partir de là, mon rôle a été de transformer cette matière brute en une expérience claire :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Regrouper les informations par thématiques logiques (chauffage, isolation, bâti…)."}],["$","li",null,{"children":"Organiser les écrans en un parcours fluide par rapport aux besoins des auditeurs"}],["$","li",null,{"children":"Réduire au maximum les allers-retours entre sections"}]]}],["$","div",null,{"children":["$","p",null,{"children":"L’objectif était de créer une navigation adaptée à leur façon de réaliser un audit, en se basant sur les observations faites durant la journée où nous avions accompagné un auditeur."}]}]]}],["$","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,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/forms/userflows.jpg","alt":"Maquette final","title":"userflows"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"userflows (données sensibles floutées)"}]}]]}]}],["$","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":"Prototypage"}],["$","div",null,{"children":["$","p",null,{"children":"Nous avons choisi de réaliser cette solution sur smartphone pour deux raisons. D'abord le terrain : un auditeur jongle déjà avec télémètre, lampe, carnets. Une tablette supplémentaire? Impensable. Mais c'est surtout l'analyse commerciale qui tranche. Notre première solution exigeait l'achat d'une tablette avec LIDAR, un frein majeur pour les petites structures. Cette fois, pas de technologie complexe à financer : chaque professionnel possède déjà un smartphone."}]}],["$","div",null,{"children":["$","p",null,{"children":"Le processus se déroule de la manière suivante :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Wireframes :  esquisses papier puis numériques pour définir la hiérarchie visuelle de chaque écran, où placer quoi"}],["$","li",null,{"children":"Design system et Kit UI : création des nombreux composants et icônes personnalisées (types d'isolants, systèmes de chauffage, pathologies du bâti) pour garantir cohérence et faciliter le développement"}],["$","li",null,{"children":"Maquettes finales : intégration de la charte graphique, des icônes et du design system à la maquette"}],["$","li",null,{"children":"Prototype interactif : réalisation des animations et interactions pour les futures sessions de test"}]]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/forms/proto.jpg","alt":"Maquette final","title":"maquette final"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 px-[14vw]","children":[["$","div",null,{"className":"w-full min-w-[40%] rounded-xl overflow-hidden","children":["$","img",null,{"className":"object-contain","src":"/images/forms/UIkit.jpg","alt":"Maquette final","title":"Uikit"}]}],["$","div",null,{"className":"italic text-14 text-gray-700","children":["$","p",null,{"children":"Ui kit"}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/forms/composant.jpg","alt":"Maquette final","title":"composant"}]}],["$","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 utilisateurs"}],["$","div",null,{"children":["$","p",null,{"children":"Restait maintenant à savoir si tout cela fonctionnait vraiment. Sans budget ni temps pour un prototype matériel, nous avons testé directement avec la maquette interactive.Nous avons proposé cette ébauche à cinq auditeurs, en les plaçant dans des scénarios proches de leur quotidien. Pendant une heure, ils partageaient à voix haute leurs impressions et leurs blocages, ce qui nous a permis de capter leurs réactions en direct."}]}],["$","div",null,{"children":["$","p",null,{"children":"Les résultats ont été :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"L’outil a été jugé simple, pratique et efficace"}],["$","li",null,{"children":"Les auditeurs se projetaient déjà dans son usage réel"}],["$","li",null,{"children":"Mais un problème revenait : la saisie des annotations était perçue comme trop répétitive et lassante à la fin"}]]}],["$","div",null,{"children":["$","p",null,{"children":"Suite à ces retours, nous avons revu le parcours et ajouté ces changements à la maquette, afin de rendre l'application plus stimulante."}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/forms/test.jpg","alt":"Maquette final","title":"resultat des test"}]}],["$","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":"Batimat : la validation publique"}],["$","p",null,{"children":"Septembre 2024, Bimeo Forms est présenté en bêta au salon Batimat. La réaction sur LinkedIn fut unanime :"}],["$","div",null,{"className":"flex flex-col gap-2 w-full p-[8vw] tablet:py-[4vw]","children":["$","div",null,{"className":"text-24 font-normal text-black","children":["$","p",null,{"children":"“Notre nouvelle fonctionnalité, répond-elle à vos besoins sur le terrain ? ✅ La réponse est un grand OUI !”"}]}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"object-contain","src":"/images/forms/final.jpg","alt":"Maquette final","title":"mockup final"}]}],["$","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 m'a confronté à la complexité du design sous contraintes multiples : temporelle, budgétaire, réglementaire et technique."}]}],["$","div",null,{"children":["$","p",null,{"children":"Nouvelles compétences acquises :"}]}],["$","ul",null,{"className":"list-disc pl-4","children":[["$","li",null,{"children":"Recherche terrain immersive pour comprendre un métier complexe"}],["$","li",null,{"children":"Traduction de réglementation en expérience utilisateur"}],["$","li",null,{"children":"Tests utilisateurs avec prototype limité et budget zéro"}],["$","li",null,{"children":"Design system"}]]}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"children":"Limite principale : l'impossibilité de tester les interactions hardware réelles (télémètre, scan) avec notre prototype Figma. Une phase supplémentaire avec prototype fonctionnel aurait permis de valider ces aspects cruciaux."}]}]]}]]}]],null],"childPropSegment":"__PAGE__","styles":null}],"childPropSegment":"1-Bimeoforms","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