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":["8-trecultre",{"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","613","static/chunks/app/projets/8-trecultre/page-326a4b817e4b5ed6.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,[],""]
c:I[749,["676","static/chunks/870fdd6f-fc3d59f8c2ee9fdd.js","326","static/chunks/326-1a285aafbcc4427e.js","35","static/chunks/35-319e65867326d4c2.js","769","static/chunks/769-575323b3202ff86f.js","613","static/chunks/app/projets/8-trecultre/page-326a4b817e4b5ed6.js"],""]
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","8-trecultre","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":"Tre-culture"}],["$","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":"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":"Tre-culture est une plateforme fictive dédiée à la réservation de spectacles dans la région du Trégor. Il s'agit d'un projet universitaire réalisé au cours de ma troisième année de BUT MMI (Métiers du Multimédia et de l'Internet) à Lannion, par groupe de deux personnes. Le principal objectif de ce projet était de concevoir une interface efficace permettant aux utilisateurs de visualiser et de réserver les spectacles disponibles dans le Trégor."}]}]]}],["$","div",null,{"className":"w-screen py-16","children":["$","img",null,{"className":"w-full","src":"/images/treculture/accueil.jpg","alt":"mockup rendu final 1","title":"mockup rendu final 1"}]}],["$","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":"Réalisation d'un benchmark concurrentiel"}]]}],["$","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 d'un moodboard"}]]}],["$","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":"Création d'une charte graphique"}]]}],["$","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":"Création de l'arborescence du site"}]]}],["$","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 du flow de parcours du site web"}]]}],["$","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",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é le projet par un benchmark sur les plateformes de réservation de spectacles, théâtres et cinémas, afin de comprendre les tendances actuelles et de nous inspirer pour notre interface. Ensuite, en élaborant un moodboard, nous avons capturé les éléments inspirants et les ambiances pour créer la charte graphique de Tre-culture, assurant ainsi une cohérence visuelle. Nous avons ensuite conçu l'arborescence du site, défini le flow de parcours entre les pages, et assuré une expérience utilisateur fluide. Enfin, nous avons converti les wireframes papier en maquettes numériques, en intégrant la charte graphique, et avons étendu ce processus aux interfaces responsive pour garantir une expérience optimale sur toutes les plateformes."}]}]]}],["$","$Lc",null,{"delay":0,"className":"w-screen tablet:w-image h-500px","children":[["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":["$","img",null,{"className":"w-full","src":"/images/treculture/slide1.jpg","alt":"Moodboard","title":"Moodboard"}]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":["$","img",null,{"className":"w-full","src":"/images/treculture/slide2.jpg","alt":"User Flow","title":"User Flow"}]}],["$","p",null,{"className":"group/p text-base font-normal text-black tablet:text-xl","children":["$","img",null,{"className":"w-full","src":"/images/treculture/slide3.jpg","alt":"Wireframe","title":"Wireframe"}]}]]}],["$","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":"Les visuels ci-dessous sont des échantillons des livrables finaux."}]}]]}],["$","div",null,{"class":"w-screen py-20 tablet:w-2/3 py-20","children":["$","img",null,{"className":"w-full","src":"/images/treculture/livrable.jpg","alt":"mockup rendu final 2","title":"mockup rendu final 2"}]}]]}]],null],"childPropSegment":"__PAGE__","styles":null}],"childPropSegment":"8-trecultre","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