1:HL["/_next/static/media/ae0a0c671023eecc-s.p.woff2","font",{"crossOrigin":"","type":"font/woff2"}] 2:HL["/_next/static/css/5b9a70a9288adf16.css","style",{"crossOrigin":""}] 0:["s3SWw5zQJ96cBmyu1uonu",[[["",{"children":["projets",{"children":["3-benew",{"children":["__PAGE__",{}]}]}]},"$undefined","$undefined",true],"$L3",[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/css/5b9a70a9288adf16.css","precedence":"next","crossOrigin":""}]],"$L4"]]]] 5:I[1510,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","326","static/chunks/326-1a285aafbcc4427e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","747","static/chunks/747-5ba99160e821ba22.js","185","static/chunks/app/layout-d012fbfcae066d51.js"],""] 6:I[8326,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","326","static/chunks/326-1a285aafbcc4427e.js","35","static/chunks/35-319e65867326d4c2.js","769","static/chunks/769-575323b3202ff86f.js","542","static/chunks/app/projets/3-benew/page-96e28b5929e3ab62.js"],""] 7:I[413,["326","static/chunks/326-1a285aafbcc4427e.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","202","static/chunks/app/projets/page-f26de11098492724.js"],"Image"] 8:I[4157,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","326","static/chunks/326-1a285aafbcc4427e.js","35","static/chunks/35-319e65867326d4c2.js","413","static/chunks/413-ba6ec0bd92fd4e85.js","747","static/chunks/747-5ba99160e821ba22.js","185","static/chunks/app/layout-d012fbfcae066d51.js"],""] 9:I[6954,[],""] a:I[7264,[],""] 3:[null,["$","html",null,{"lang":"en","children":["$","body",null,{"className":"__className_1a14d1 bg-bg text-base text-primary","children":["$","$L5",null,{"children":[["$","header",null,{"className":"sticky top-0 z-10 mx-auto my-0 flex w-full max-w-5xl items-center justify-between bg-bg px-8 py-4 laptop:mx-0 laptop:mb-8 laptop:w-auto laptop:max-w-full laptop:p-4","children":[["$","$L6",null,{"href":"/","className":"flex w-8 items-center gap-4 tablet:w-10","children":["$","$L7",null,{"src":"/logo.png","alt":"Logo","width":30,"height":30}]}],["$","$L8",null,{}]]}],["$","main",null,{"className":"relative flex flex-col items-center *:my-28 overflow-x-hidden","children":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La",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":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$","$L9",null,{"parallelRouterKey":"children","segmentPath":["children","projets","children","3-benew","children"],"loading":"$undefined","loadingStyles":"$undefined","loadingScripts":"$undefined","hasLoading":false,"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$La",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","notFoundStyles":"$undefined","initialChildNode":["$Lb",[["$","div",null,{"className":"m-auto items-center p-16 w-full","children":[["$","h1",null,{"className":"my-2 text-4xl flex justify-center font-bold text-black tablet:text-9xl","children":"Be-new"}],["$","div",null,{"className":"flex flex-wrap gap-2 pt-8 justify-center","children":[["$","div",null,{"className":"w-max rounded-md bg-primary px-4 py-1 text-xs font-bold uppercase text-white tablet:p-6 tablet:py-2 laptop:px-3 laptop:text-xs","children":"UI design"}],["$","div",null,{"className":"w-max rounded-md bg-primary px-4 py-1 text-xs font-bold uppercase text-white tablet:p-6 tablet:py-2 laptop:px-3 laptop:text-xs","children":"Dévellopement"}],["$","div",null,{"className":"w-max rounded-md bg-primary px-4 py-1 text-xs font-bold uppercase text-white tablet:p-6 tablet:py-2 laptop:px-3 laptop:text-xs","children":"Universitaire"}]]}]]}],"\n",["$","div",null,{"className":"flex w-full flex-col items-center gap-4 p-16","children":[["$","div",null,{"className":"flex flex-col gap-4 py-4 w-5/6 tablet:w-2/3 laptop:flex-col w-2/3","children":[["$","h2",null,{"className":"text-base font-bold text-primary justify-center tablet:text-base whitespace-nowrap","children":"Contexte"}],["$","div",null,{"children":["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Le projet Be-new a été mené durant ma première année de BUT MMI (Métiers du Multimédia et de l'Internet) à Lannion. C’est un projet en partenariat avec l’association AmorScience, réalisé dans un groupe de 7 personnes. L’objectif était de proposer un outil digital afin de rendre les expositions de l’association plus attrayantes et ludiques."}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"w-full","src":"/images/benew/accueil.jpg","alt":"rendu final","title":"rendu final"}]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 w-5/6 tablet:w-2/3 laptop:flex-col w-2/3","children":["$","h2",null,{"className":"text-base font-bold text-primary justify-center tablet:text-base whitespace-nowrap","children":"Étapes Clés"}]}],["$","div",null,{"className":"grid grid-flow-row grid-cols-2 gap-12 w-5/6 pb-20 laptop:w-2/3 tablet:grid-cols-4 w-2/3","children":[["$","div","0",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["01","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Recherche documentaire"}]]}],["$","div","1",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["02","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Création du concept"}]]}],["$","div","2",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["03","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Stratégie marketing"}]]}],["$","div","3",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["04","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Écriture du contenu"}]]}],["$","div","4",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["05","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Création d'une charte graphique"}]]}],["$","div","5",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["06","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Conception de dessins puis de wireframes"}]]}],["$","div","6",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["07","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Réalisation de prototypes complexes"}]]}],["$","div","7",{"className":"","children":[["$","h2",null,{"className":"text-regular font-bold text-primary tablet:text-regular","children":["08","."]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Développement de l’application"}]]}]]}],["$","div",null,{"className":"flex flex-col gap-4 py-4 w-5/6 tablet:w-2/3 laptop:flex-col w-2/3","children":[["$","h2",null,{"className":"text-base font-bold text-primary justify-center tablet:text-base whitespace-nowrap","children":"Le process"}],["$","div",null,{"className":"pb-12","children":["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Nous avons débuté ce projet par une étude documentaire afin d'explorer les innovations existantes. Ensuite, nous avons défini notre concept, qui consistait en un quiz à réaliser pendant l'exposition afin de la rendre plus attrayante et ludique. Nous nous sommes ensuite répartis en deux groupes de 7, et je me suis joint au groupe \"prototype\" pour créer une maquette dans un premier temps. Par la suite, notre groupe prototype a été subdivisé en trois parties : composants, layout et back-end. J'ai pris en charge le développement des composants, qui ont ensuite été intégrés par les personnes responsables du layout."}]}]]}],["$","div",null,{"className":"pt-12 w-3/4 tablet:w-2/3","children":[["$","h2",null,{"className":"text-base font-bold text-primary justify-center tablet:text-base whitespace-nowrap","children":"Rendu final :"}],["$","div",null,{"children":["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":"Le livrable final était l'application. Vous pouvez retrouver quelques visuels de celle-ci ci-dessous."}]}]]}],["$","div",null,{"class":"w-screen py-20 tablet:w-2/3 py-20","children":["$","img",null,{"className":"w-full","src":"/images/benew/livrable.jpg","alt":"rendu final 2","title":"rendu final 2"}]}]]}]],null],"childPropSegment":"__PAGE__","styles":null}],"childPropSegment":"3-benew","styles":null}]}],null],"childPropSegment":"projets","styles":null}]}],["$","footer",null,{"className":"m-auto flex justify-between px-8 py-4 text-black laptop:w-10/12 desktop:w-8/12","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"}],["$","$L6",null,{"href":"https://www.linkedin.com/in/cl%C3%A9ment-lascar-a268aa252/","className":"w-max","children":["$","$L7",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"}],[["$","$L6","Projet Google",{"href":"/projets/1-projetgoogle","className":"underline","children":"Projet Google"}],["$","$L6","Refonte de l'outil question2job",{"href":"/projets/2-me&myboss","className":"underline","children":"Refonte de l'outil question2job"}],["$","$L6","Be-new",{"href":"/projets/3-benew","className":"underline","children":"Be-new"}]]]}]]}]]}]}]}],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"}],["$","meta","5",{"name":"next-size-adjust"}]] b:null